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RRR R^TaR 'SRT Rasies ^R*ftRR WT?*tX ^RRR ^R RRT RR3R 'Q £RRR?%RaR f*R> 

Rcu ^%R 'SR^R" <P3G^ ^RlSoR RfW <j£|fo I RR R3RTR ^RlSoR RfW <*R <j sjfu<q RiR 
rc?ic^ RR ^ R^RX iRRR - “^*CNc»ii5” I ^nStocilS R|R'»|g<i*i RRfaR" (RRfRR 
#RR ^svft CfWt <u<i^l, CWfWT, fcfRf, (RRf-R#t ^®3#T RR fRf^ RCR RR^r 
(RR> ■’i^cetl'Q^ l ^c.'®* RRTl; ^NcrS W 'Q«i<mRc.' 3* RRRR RfsRf RRRR <R>R 
'®RT R[f|«T t%RT RRfj £|RRR <Ri5Ra WR l RR (R^ RRR RH-T fRR 
'Q£tl<l*l Rt> f^Sfl^T Rt ftafRR olR.il I 'Q'RRRRS' t'oRc's RRf| esnsTtfsr?. RXRQ7RW, r>ti*t *ff& 
4R RRX HTML (Hyper Text Markup Language) RRRR fWtfR 5 1 
I'ltRfNRRiRR 5 ' b®R?r rr rr rrr i ^tRfNR^R rrrr rr facet* 

'GTRRrRS' 'ftafaf RRR Rmtfaf R^RT ^Tl'5oc j itfR° ^R RlRRR WRsf^RR^R ^R^ RflRR 
RRN *RC5 l (,<P r Hf, *'® a llc*l RflRtR Rlc<p5c^T- R ^R° ipHilfals CR RtR ^faillC'oij, ^<P'sr*i 
i£) : t^fiji£)'5ri£)R OJsG'» e lRtRR RRR ^0*1 <P I RR RRRf ^R^ Rf RRR i£) : ?Rft>i£)Ri£)R C*fRR WN 
CRRRR ifR “i£|^l)[l5i£l'5ri£lR-(I-” *3,115 'a|*ijvsi| i£)R 2RPT I ^<P©M t£|RofDiXr5ri£|®T RR 

RfW <p*c,\a CR RRR tRRRSMT J 1 w lG<P 7P°R§ MR RRR SfRRtR (RTRWR, Or^ RRRTtfik, 
RrRi, RR, c5fa«i, ^3, 1%1%'S R'ajlfa), voR £(f%ft> falRR RRiSf 'Q R^»RR i£)<|; Rlj^s 

^TRRRRf RRT 3G*G3 I RMfRffaf ^1§Rft>i£rRi£|R RRRR R>R CR*f RhWR^t £fRrtiR RRRR 
ClRfCRf 3C*C3, RR® <PC* RT^RRT Rl~W ^1*C*1 RlW RRR RRJR RRRT «TR» RRW ' S TRR*T I 
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fi; lii'sr & 

WfftW 


^rs^Ttrr-^c?- 


WUtW-i o ‘4$&f[>‘4'S[‘4*T (HTML) f^&T £fNf*H> 'Qjlwlwl : i'b 

i . i : (HTML) #1? is 

i.^ : HTML =TTf\$T3[W ^otW ^tW ^C?r? iS 

i.O: =Ut°'®CilC©t?l £|^nw%r®r ib- 

i.8: f^ltS HTML =rrt°'®T3[W i<? 

wm~* S HTML WtftpF: ^ 

O 8 HTML (Tag) i>A 

O.i 8 HTML^MC5T«ri¥f%sr ^ 

OA 8 'S’C-'Tf^r?. S jt^T (Opening Tags) ** 

O.o 8 (SPlf^UM (Closing Tags) 

0.8 8 HTML (Empty Tags) ^ 

O s HTML 05jS|c<pci5^ %N' (Deprecated Tags) 'S wtff^ (Attributes) ^ 

O 8 HTML (Attributes) « (Value) O 

o>.i 8 c=T«rra' ;$,o 

8 'ojlPlS C 3 f5"^ 5 ?W f^TTST iO 

^,.0.0 8 HTML ^ Sfs^FT 'aijlGjft'S'C 

*.0.0. i 8 id *8 

*.o.o.* 8 class *8 

*.o.o.o 8 title *8 

*.o.o.8 8 style 

*.8 8 ‘P'ltC-C (Contents) 

O 8 HTML (Extension) *<?• 

0 8 HTML 4%S?r *o 

*.s 8 HTML *pi%r 4<t ^Ttlw *s 

*> 8 html 4 sm censrrsr *s 

*.S> 8 $*i os <.*5*1^ (Indention) o<? 

0° g t£) : ^f&t£)'srtq®T <pt»i*i5 (Comments) ok 

OO 8 <ptai*5 (Comments) o^ 

01 8 Ufl’T RsG<P*llc<l ,t t*T OS 


Wfftw-v i (gfg^gggg; Sfowy (Elements) os> 

o.i 8 HTML rPi 0*1*5 (Elements) 8o 

0.0 8 4?T *1^ 8i 

o.i.* 8 c s roSv5‘ 4tpfN'5M«T $Pi<.ai*5 (Nested HTML Elements) 8* 

o.i.o 8 HTML <*rt sf*fK 8o 

o.i.o.i 8 <html> Element 88 

o.i.o.* 8 <head> Element 8<? 

Jo 




8 <title> Element 8b 

'S.i.'S.'S.i % <title> rPiw’5 33 % S't 

' 0 .i.' 0.8 8 <body> Element 8S> 

'O.i.'S.S.i 8 <body> $Pi<.»i* 5 33 <iml3 8 8<? 

'S.i.'S.8.i.i 8 <body> Rpitii-5 3 wlGSPi'SD 33 

'S.i.'S.8.i.i.i 8 alink <N> 

'S.i.'S.8.i.i.^ 8 background <?8 

'S.i.'S.8.i.i.'S 8 bgcolor (?b 

'S.i.'D.8.i.i.8 8 link <?V 

'S.yo.s.yytt 8 text 'bo 

«.i.'S.8.i.i.b 8 vlink bi 

W*fflW-8 8 4$l>fis‘4'ZF4*T (fc& : b<? 

8.i 8 HTML Basic Text Formatting bb 

8.i.i 8 Heading (<hl> <h6>) Elements ftit3 bb 

S.i.i.i 8.Heading rPiw-G 4 Wli5RS!> 33 

s.yyyi 8 align (Deprecated) 

s.yyyyi 8 left 

s.yyyy* 8 right <w> 

8.i.i.i.y« 8 center S8 

8.y;> 8 Paragraph (<p>) Element fer wr^tiwt 

8.yyi 8.Paragraph 3 33 313313 sb 

5.1. yi.i 8 align (Deprecated) ‘tb 

s.yyyyi 8 left <\<\ 

s.yyyy* 8 right sv 

s.i.o.i.b 8 center % 

8.yo.i.8 8 justify Vo 

8.yo.* 8 style vi 

8.yy i.vs 8 dir wiCafaiSD vtt 

8.>.o.«.j 8 ltr v<? 

8.i.o.®.* 8 rtl Vb 

8.1. b 8 33 (3f%° C”33 (&nbsp;) 33 <iml?i V«t 

8.i.8 8 =Tft3 <3^ (<br />) Element 13C3 ^Tl c=i I oi 1 VS) 

8.1. (t 8 Preformatted (<pre>) Element WIMV3T 

8.1. b 8 Font (<font>) Element WIMV3T ( Deprecated) Ssb 

8.i.b.i S.Font 4 WlGaRSD 33 3J33t3 

s.yb.yi 8 color ^uiGjRSU ( Deprecated) Ssb 

5.1. b.y* 8 face wlG3fa®G (Deprecated) S>b 

8.yb.y« 8 size WllJRSi) (Deprecated) M 

8.^ 8 HTML Presentational Elements M 

ii 




fi> ifl'ST i£|=T 6 

wlrott 

8.0 8 Bold <b> Element 

ioo 




hoi 


8.0 8 <s> ^ <strike> (Deprecated) Elements 

io8 

8.0 8 <tt> Element (Deprecated) 

ho<? 



8.0 8 <sub> Element 

ioH 

8.0 8 <bie> Element (Deprecated) 




iio 

8.00 % align WlGafaSi) (Deprecated) 

iii 

8.00 ° width wiGRS'S (Deprecated) 



8.00 8 noshade (Deprecated) 



8 .OJ .8 8 size WlSRSiJ (Deprecated) 

iib- 


hhS> 




8.O.* 8 <strong> Element 








8 . 0 . 8 . i 8 title 

i*8 

8.o.c 8 <acronvm> Element (Deprecated) 

i*8 

8.0.0 8 title oijiljJfaSC 



8 . 0 .SJ 8 <dfn> Element 




i^c!> 

8.«.<U 8 cite WlGafaSi? 

hOh 

8.o> 8 <q > Element 

io^ 






hoe 



8.o.io 8 <samp> Element 

hOH 

8.8 8 Editing Text Elements 

iob- 

8.8.i 8 <ins> 5PIW-G 

hob- 

8.8.0 8 title 

>8 o 

8.8.0 8 cite WliSfaSD 

h8h 

8.8.i.o 8 datetime «u IFRS'S 



8.8.^ 8 <del> 

h80 

8.8.0 8 title 

>8<t 





8 . 8 . y* 8 cite WlQPl^ i 8 ^ 

8 . 8 . ^.o 8 datetime iS't 

W/W-<? 8 Xtl 

(hi 8 List <li> $Pk.*i^ 

<L^ 8 Ordered List (ol) 

<LO 8 type wfitf^fr 4?r <mm i <?8 

<L*.* 8 start wiGjfaSiJ 4?r ^mnr i'fao 

(t.v 8 Unordered List (ul) $Rig»i* 5 i'Js'is 

(t.'O . i 8 type 'auliBR^ (£RT iob- 

<L 8 8 Directory List (dir) tferS' 

<h<? 8 Menu List (menu) iso 

(t.'ls 8 Definition List (<dl>,<dt> & <dd>) SPlOl-B 

(h't 8 Nesting Lists iSS 

WfftJf-'b 8 ib-<t 

'Js.i 8 <a> rRig»i* 5 >bV 

fc.yj 8 href ^GjRSG ivv 

fc.y* 8 style WlGSR'S'B *08 

'Js.i.'S 8 name WlGSP^ 

fc.yss target 

'3a.l>.8. i 8 blank ^ <iml*i 

>i>.y<t8 tabindex ^ 

'Js.i.'Js 8 accesskey WlfEaft^ 4?r <iyw?r 

8 <link /> $Pk.*i* 5 ^ic® 

'Js.'S 8 <nav> $Rig*i*5 

WfftW-H 8 $c*/>sr 

‘t.i 8 <img /> rRig*^ 

H.i.i 8 src WlGSRvB'B w 

‘t.y* 8 alt wfiaf^ 

e t.y« 8 height yys> 

*t.i.8 8 width 

‘t.ye 8 border WlGjfa^ ( Deprecated) 

s.y'b 8 hspace WlGafa^ ( Deprecated ) yso 

H.i.H 8 vspace wlG3fa®5 (Deprecated) yss 

8 <figure> rPig*^ yse 

H.o 8 <figcaption> $Rig*i* 5 ysH 

WtttW-br 8 $C*/feT *«S> 

b-.i 8 <table> rRic»i*5 ^80 

b-.yi 8 border (Deprecated) ^8^, 






8 cellpadding WlGaftSi) (Deprecated) ^80 

v.i.'is cellspacing WlGaftSi) 

(Deprecated) ^8 a 

bO .8 8 width WlGaftSD 

(Deprecated) * 8 ^ 

\r.*.<t 8 align i> 8 J? 

V.J.fr.i 8 left ^82? 

8 center 

V.i.fl-.'S 8 right ^ 

V.i.'b 8 bgcolor Wl Gaft'S!) 

v.* 8 <tr> $&(t 

b-.O 8 align WlCaftS!) ( Deprecated) 

v.*.* 8 bgcolor Wl GaftS!) ( Deprecated) 

b-.o 8 <td> ^Pit»i*5 ^Jsi 

b-.o.i 8 align WlGaftSS (Deprecated) ^8 

b-.'S.^, 8 bgcolor Wl GaftS!) (Deprecated) 

br.o.'O 8 colspan Wl GaftS!) 

br.vs .8 8 rowspan Wl GaftS!) 

b -,8 8 <th> ^ftuvi-G 

WtfffW-c, s> 8 4$riT>4'sr<4eT jrf *<w> 

S>.i 8 <form> :m 

fc.i.J 8 action ^JlGaftS!) ^b- 

fc.y* 8 method ^JlGaftS!) ^b-o 

cs.i.'S 8 target Wl GaftS!) 3b- 

S>.^ 8 <input> ^b -8 

fc.O 8 type Wl GaftS!) ^b -8 

<a>.O.i 8 text 'SJlftlS ifRT ^T^ra' ^b -8 

fc.O.i.i 8 size 'aijlISftvBiJ 4?r <n$H 

fc.O.i.* 8 value 'suiGaftSB 4?r <h$h ^r°i 

S>. 0 .^ 8 password ^ <imls ^b-b- 

fc.O.O 8 size 'aljllSftvB'B 4?T <im!<l ^b-S> 

8 value ^HSftSS <0$ ;>S>o 

J&.O.'S 8 checkbox wftlS' ^ <iml*i ^<50 

fc.O.'O.i 8 value witaftSt ^ <uw?r *s>o 

S>.0.8 8 radio 'ojlPiS i£i^‘ <qj<qsj?i 

c5.0.8.i 8 name WlfiaftSD' 

cs.^.i.8.^ 8 value wi GaftS!) 4?r^R^i?r ^8 

8 file 'ojlPivS ^ <iml?i ^cj'Js 

8 reset 'aJtftlS' ^ <u<a*Js 

*8 




fe.O.fc.i 8 value wlGSRvB'B 4? r fa *s>h 

fe.O.'l 8 submit 'ojlPivS ^ <u<]3j?i 

fc.O.'U 8 value 'auiGafavB'B 4 ?r <imi<i 

8 <label> $fao*i^ 000 

<s>.yO 8 for WlURS'S ^ ^R 5 fa oo;> 

cs.^.'S 8 <select> 0*1*5 oo;> 

cK.^.'S.i 8 multiple ^ «qml<i 000 

c 5A.8 8 <option> rRig*i *5 ooe 

ts>.*.8.> 8 disabled WiSjPlS 5 <iml<r oo<t 

W f UtTf-io 8 t£ 7 ^ 5 /Zn£ 757 l£ 7 «T ^>MtW oio 

10.1 g ^FIM Oii 

io.^ % <fm?t ^ ^tmfa oii 

io.o g Color name (^faffa *rpr) : oii 

io.y* 8 8 RGB Code ^mfa tost oj j 

10. yo g Hex (Hexadecimal) ( 3 J lw^H 3 fa"^' 8 oi;> 

WfftW-iS 8 (Entities) oi<? 

11.1 8 t£|^ 5 |$-t£R't£pr 4 J #f5' (Entities) oifc 

11. yi 8 ^ <imfa oi^ 

8 fcfotil (Media) 0*0 

JO 8 <audio> $Pio»i *5 o^j 

JO.J 8srcWI©^t o;>j 

JO.* 8 controls WlGafa^ o** 

J*. y« 8 loop 0*8 

JO. 8 8 autoplay wiiSf^t o*<? 

JO 8 <video> tfsr o *(*5 o*i> 

j*.o 8 src «*<i 

JO.* 8 controls o*s 

jo.^ 8 loop wiG 3 fa $5 «*& 

J*.*.8 8 autoplay Wt®f ^5 ooj 

j*.o 8 width 'aijiDSRvB'B 00* 

jo.^ 8 height 000 

JO.H 8 muted 008 

JO> 8 poster WltEjfa 35 oott 

J*.o 8 <source> oo'Js 

j*.o.j 8 <src> ^Jll 5 RS 5 00^ 

JO.* 8 <type> WlGSR'S'B oo't 

wfTfwsv g <4$i>fis<4'z[4w 

(Grouping) 08 o 

J<? 




10.1 8 <div> rPio»i* 5 <58 i 

ya.i.i 8 align WtfSf^ 

yo.y* 8 id WliSfaSU 088 

io.yo 8 class wiGafa^iJ 08 ^ 

ioA 8 <span> $Pio»i*5 08 b- 

VS.O 8 class 08 V 

WfflW-!>8 8 CW (Head) o8S> 

18.1 8 <head> rPio»i*5 Wi 

i8.;> 8 <title> rPi c*i*5 0 (?i 

i8.o 8 <meta> $Pio»i*5 

18.0. 1 8 name Wli$f<i£5 

18.0. ^ 8 content ^TtfptfS' o<?8 

i8.8 8 <style> rPi o»i*5 vctct 

i8.8.i 8 type o<^ 

WtttW-Se S sfcSff (4&?f) o<2-v 

)(t.S 8 Project- 1 (Two Column Layout with a Header and a Footer) o<tJ? 

8 Project-2 (Three Column Layout with Header, Navigation bar and Footer) o^i 

i(t.o 8 Project-3 (Creating a Index Page) O'JsS 

i(h8 8 Project-4 (Creating a Page using List) 'OfaH 

i<h<? 8 Project-5 (Use of Images in Table in a Page) OH8 

ifi-.'Ja 8 Project-6 (Uses of Images and Paragraph in Table in a Page) o^v 

8 Project-7 (Creating a Registration Page) ob-^ 

ichb- 8 Project-8 (Creating a Login Page) ob-e 

ic.cj 8 Project-9 (Creating a Full Website) ob-b- 
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fi> ifl'ST ifl^T 6 

i.i S (HTML) # 2 

5l^R1 suSs^S RIrNtR RTft'QRW (HyperText Markup Language) ^R RS.fr'® RfR 4^f&<R5M®T 
(HTML) I <*# RRR CRWtfRv RJTS^RW RR, ifrf& ^R® 4 R# RtR%fR Rfl^RSf l 

• Hyper : ®rf^ RrrT (HTML (I®fRR <3jR) ^f'HSiJR taw It® rr crRIr 5 ' t%*lR®lR sfRR 1 c t' rrIr 
wrt crRIr Irr RRT iftRT r® i f^¥ r®rIgi ^5 RRT1; rr, "Hyper" ^r rTrrr RRRjRRRftRT ^tR ®rt 

RR '3t*RG<1$. l 8T ^ SfRR <P<lt'S'Q Jl'spij ^tc^ I 

• Text: Text <wt® 'spn® wtRRT RT Rtst® <nf?r i rr Rr RT Rsrr RRftR i 

• MarkuprtsRRRfastR R^t tRRRR/sjRlw%r rIrr^r rt*r ws rrri® RRif^ Markup. 

RRRtRRRR® RR t5s|iSt<P fRR RRtR WRT <a> %tR RJRRs® RR l 

• Language:^ wm RflxtaRW <wt® <pFHS‘3|t<i<i wrt rjrrs® Rf®s| RJTst&KietR fRltRT rr 
RR I CW : HTML (Markup Language), XML (Markup Language), PHP 
(Programming Language) twfR I 

rIrNtr rjirsrw 55 ® <35 tRRltR® (Rlw rt %tR ^r rrH, RT r>r ^r# 'SRRtRRfR RtlRR r^r 
fR'ftRR <lj< 1 R® RR I 'QRRRfRtR <p*it'3'5t<P (t'3s)'3,'®lf®®,1%fi5'0 R®lrfR) 3l'S'stlc<] £R*f*T <Mlt*llR >5Rr 
HTML RJ1R8TRW RIRRi® RR RtR I 



fe : J.J.J (HTML RTtoRW) l 


i.R. 2 HTML *Uft&Cil'st favltt WtW ^Cff 

RR I®fet5s R*R 'SRR Rt'jfoRR f*i<p5 RR ii| : ?T>f5''3R'3=T RR^T ^R WRT Rt^Ittl-aJ <TT^T?T, ^RR RT^tR ®*R 
R>f®ti3« 4R <t'-H5^rr ASCII (American Standard Code for Information Interchange) C&Wt 
4R 4R> ^tR <Tt^tR 4R° f%fw5R liR Rt^WtR ®«R if|fi>R 'SRRflW RtRRR ■2jR*f^T R>R I Rt^SflR £Rf*f® 
'SRRRW 4R <t^R tRRTR RR, Or^SRSjR fR>®tR £Rf*f® RR $®j|fn fRRR fR5R R>R Rt%/C<iW 

^ RRR® Pif®*} TjflR ifR %<1R I ^ RtRR RRR®k® ®TtRRt %1R tRR fR^’tSlfR® 'srlwluif RRRt I 

iV 




fi> ihr ix)®r (t 




HTTP Request and Response 

1. Browser Request 
GET /index.html HTTP/1.1 


2. Web Server Finite File 1 

/var/www/... /index.html 



Read 1 
File i 

4. Browser Displays Page 

<( *“*[] 

3. Server Response 1 J 

HTTP/ 1.x 200 OK 
<html>... 

</html> 


fear = i.o (Rtrr rI^Rrr ft<pt> Ri&tcRf falsriR ^r Rc^lc*!^) i 


J>.v3 8 <£$5fi><£IWIW ^Jl^mm zjwl'sr^ii'ol 

'GtRRCRW t'oRic'o HTML RJlX'STRW f%f% %RCR RRW RRR I HTML RTtfw (RRR 'STRRRT?|5' 
fcoft/fo W l^/(.^ C'» S T ! T Wf R¥R RR I RfR'S HTML (RRR ’rfRR'f °TTf°'$tRW RR I HTML RTRRR RRR (RRR 
J i3jin5<p '3G*ml$i5 (RfR RRt RR I fRtR HTML ^ (RfR iHRsfit \3TRRtRW ^RT fi>R CRRtCRT R®T ° 



f&R : i.'D.i (R sibil; iflRiflR RJRRR <K<1 '37RRtR^5f (RfRRSRtJ I 


^s» CRW RF»^ R?1^r s^rR ^rr RfR’J^of «rRR wrt CSS (Cascading Style Sheet) rjrrR rrT 
WR*tR> I CSS RR^ WtR RWR RRR >SRT CRRtRR “fWTiXPT (v) RJR 1w” R^f(> R?£R RRR 

RRRR I 'sRt'R RRfj Rlp5fi|fW, fpJH, RJtiR-'CR 5 *R ^sRtlR '3TRRRT1RR 5 ' R^Rlfw RRR 'StRT Rfcsl 
C0M1 R rtIrstrw (PHP, JAVA, JavaScript ^RitfR) rrrR rrT crc® rrr i fw rrT rc?rr cr, 
'STRRt: < RSR <p«iu3'Cc«P (®R&, «lfoiS, ^fRs ^voflfR) Rt^WfCR £(R*fR RRtCRR WRT HTML RTlX'SRRW RJRRR 
RCR «1R I 'aRCR RRR R*R CR, «fHRR 'SRRRRc^' RjTt°T RIRRR RRT C5R, «TR CStWtfR?. RRRR 
RRR rRI; vsftRtfw WR C5§t RRt CRtR> Rt (RR 'STRRRRcSr <p«iu3*C ^ RfR £Rf*f's Rf RR - ^RCR RRt 
^Rt I ^5WT° R®Tt CRC^s RRR, RMR ftoRic'o CRRR ^ Pic»l^ RJRRR ^[RtRRtR, C«RfR 'SCRRRl^B' t'aRc'o 
HTML. 


iSs 


fi> rr rr & 

>.8 8 wlRillti /jggg HTML Wft&ZtIW 


RRR-ic 


f^R?sf Web Design/Development RR Rf5Rf fRT t^T t<n.\s$ RRR I RR 'SC?R RaetRPisjM RR 

R’tf^RtR RTtX'STRR HTML. C=Tt^t=T Rlc^cR- R$G s llG's < 1 C*I RR RtRR RfRR I RfRfi; RRR 

Rf%^/(RTRt% RtR tRSRTT’tt 'slGIS RRR *lRi>hR WR RR 'SGil^l?? fefe tRR <IR fRE^ I RR '®R^ 
RW R5?R HTML 4R Rf^rT I RRlRf ^sjRtR HTML ^*R RRTflRT RRR RR?,R RlR I HTML >4R 
^R RF RR RtR 'awlRI RRRR RR <1M? RlRR RtRR R=TR tRRtR RR R§R I RRTflRT RRRR RRR 

RR'S R3R RftR CRlR RR (RRRR “r*5|*gic 3 RtRRRTs^R (RtRRi/’ 'Q “R*5|<ltiu5 Rf^RRRSRH 
(RtRR^)” ^ Tjfij RS2R RR tRR RlRR I 


© ■j^^^@WlW|*fW 'f^©£fW ,t I^Tf=T ©^sN - tiSHc^iS <?#* 
© ftspR 'QTlT^CfipT © WfW^bS' ^TTtWCfif^T © £|W*t^Tf®T 'STfl^^PT ©^•Gl^wcG 
Wf^W^-i© © ^-wf^wfw ^sTt! 

© wr^l'*^ ^iftf0PT^r’i1i>vto*f=T © 

© V'C^^i Qf%° © ^-"sri c¥l^ ° © wfwfRfw <£i^<wi*r®fa£iWr wf^ 
R^.f^r © C^tR^tw ^ © 9\ cmfoK © W&\ CSflSttftx 

I'b'SrRn © 2lW*t^Tt=T (?#'G¥ff^ © 'SWf <£Rt 




ix)®r (t 


wtrr-iG- 



GUTC >!ltf$f«rW4 Top-4 CTOTfa C#f*T 


<^HW fa?S H'VJitS WWW Qto U3H iflWte l PI CWW >inrt 'SUP! W'frJ) 3lT+<* WJ1 

FafwiJfl 41 ^ 1^14 Jr m 4*n? ssua SEO i <ea tft «.“*wn epra wiWpe *hi f^nra W4??i 
to fwrw i bm4h apre wflftsw wrtf 8f«(.»'ii neiKtc $c* £neurs waw S*ni 
*ran SEO wm i WfrawP 9rwt 3 ,# w^ .cwi biiOTwiPh <S9 'jwiwu wnfww tob SEO i 


www.frewnlinefnoneyaamlng.coni 

www.MUth4sianlct.com 


?Ttt> ^f «r ^Mlu*il$<.'et*R‘ 













fi; ifR i£|=T 6 

'3T3RC p tW ifRT <P«1uS'5(.<P 3lS©tlc<l £Pr*f*T WRI RP»fj *RTO't?T <U<^t?T ^G*l STR^ I i£) l ?t>fiS'i£l'5ri£l=T : SjW 
'STPTt ’oRPTRRh RvSetls (SpS^t I RvSetls (Sp®#! R»Rps HTML %W 'STPTt Wt?Ps Wt ^IRJtRT CSMtfRX 'RTtWRW 
RTPsT (Ps^PT RR^TtRT R?T I gl^Sft^ HTML 4 W® 'BjW %' 5 t^ 1%f% RR^ <P«luS*5(.<P £prf*f's RR^ I CW 
: C=T*ffW CRHs Wfa WRI b %PT, «TlW|R«TftR WtR WRT u %W RTW® ^73T «I1W I fw 2f?f ^sl^T 
u5«|^ iflRX TjJ'M' (XIR' ^RPtT 9 ITsfrR 5 T ? HTML %PT (PT'ftR' ^fP» tRR| fRTTR ?IG<IG5 I 

s html §w <mm firm 

• HTML %PT < (less than Sign) tw RRRPa i 

• i£TR < lR' %PT 4R''RTR^T- «t <P<K®> l 

• >n<!\ 3T^*tW > (greater than Sign) tw %W C*t^ <p<k'» '5TT i 
PW 8 <a>, <b>, <img />, <code> twfp i 

Note : HTML tjTPT 'STPTt c^r (. j iRpifiS'» r?t, 'st^ W3C ^pprtfl 'orspw (^ft i 
HTML ^ CRRR' (,t>^|t>G<P Plf«fj TjTM' ^ RTRTW (^P 8 ^ ^PBT £rf%fl> 'a^RtR' RR^ RmsK <P<lG's ^?T I 

8 

3.-L3 8 'Strife i?JM (Opening Tags) 

«?T di " 'ST’rfRX T>Tffl' RsG<Pilt¥ RRRPs l 'ST’tfRX i S3T 5 T (^Ifa iRTTR 8 <Tag> 

S.S.v 8 C^WK^JM (Closing Tags) 

u5«|i5 C*t^ '^'S'trf^' *I?T CglfWs ThN fw^rm <P?IG'® ^ I Cplfsfs t>JTT C'T 8 ^ iRTTR 1>7W ^ •TlTPra' / 
less than ^ft^t >-fl?r w - yK "/" <p<k^> i ^[<fK 8 </Tag> i fat? '8r ! tfRs, >nRX c^tfw° 

^ c f f's?rt ^=t 8 

<Opening Tag> Here is Your Text </Closing Tag> 

<p> This line would be written under Paragraph style </p> 

$.2>.8 8 HTML (Empty Tags) 

HTML ^ CR*f fRR| : BjK *1G*IG5, CW^Tt CRR*T gpstfw »tf I ^7^ <u<l«K '5f¥ 

«IR^ i PW 8 <br>, <hr>, <img>, <input> ^sJtfR' I ^ ; 5 jM' lip*# iSM (Empty Tags) ^=Tt 
I %N 1 ®7?Tt^' C^K C^tfW° ^Pt CR^ I W3C ^(Rtft i£|' CT! lj^' ; STPt®G s llG<P'8 
C^lW Wl ^lw i ^WRT 'SjM' 'RtOTR C*tw 4RX greather than Rl^R C^PT ( ) 4RX 

3^ w -TK "/" <mg\® ^ i «r<fK 8 <br />, <hr /> 

8 HTML $M (Deprecated Tags) g Wt$Q^ (Attributes) 

^?T #f5t#s (HTML 4.01 4<t ^) RTW® %Pt « HTML 4.01 

«PR7PT C®1i|G<pd5^ (^RRTPTtf^s) CRtRRt Wt ^ I C®1 §|g<PgI 5^ RTPr ^ R?T (PT, RRW <P-E1C<1 *Tt !! 

wlPic^dTPt RRRjf '57TT iRfwR^ i Rfef] (P5f£jG<pd5^ TrfR 'R7: 8 1T <ig7ig^ - <big>, <center>, 
<font>, <franme>, <strike> tWffR I 

^.v5 8 HTML viJlfiRw (Attributes) ^ vjlfaS (Value) 

^ 




fi> (Xl'sr 6 


wlrr-xt 


HTML TjJPT ^ Rf»f( 9 lR<i's^ ^TTspt, RI«s| ^r|fsfc<p Wf, £(^K 

Wfa W*tT %PT ^ Plf'Sfj 'aulGSRS'C <U<5RIC<1<1 SjMl|sr«1 I ^fT?T ^ J 1 < P e 1 «IJ lGji<|S!> ifRT <u<kI?t 

/^Iww <pst'o, 4t'» Rfefj '»jlPiS <u<i5!'o ^r i cw s <p> %K <u<i«K ^c?r ^Pt c^Pt uSsiS c=r*ff 
^r, 'o^Pr Pm»i ^ gt^sfRr ^ ^Pr tw <stc^ ^t 2 " ^r i ^*Pt wtf*r gi^sft?r ^Pt 

ft<p 'ST 2 " <MG's 51^, 'Sf^fK Wpt f^T<P spr*! 7 ? <MG'» 5tt-'0W <p> ^ PlCM ait's! RjlGSfi^ 'S 

'»j|RiS <»<i^t?r <mw> i 

<p dir="rtl"> This line will be shown as right to left in browser </p> 

4*nw<p>^%T?r, dir ~$JM W <p> -n^r rtl ~$m dir -n <uws wf%^ i 

Note : %RPT rjIGSRS'S <u<i^ *tT i thN'Q ^ 'sulCSRSiS ^rRPTlij rt i wPrat 

< lwsr ^fsuttrsMt^s 4 j i w Ig<p l^srfw wpim i 

o vulfijR'Sb (Fffltw fcny 

HTML ^ 'aulGSRSU t®p*it?r t^rpr _ RC^-'S'C‘ !> ff%s. %bt ^ ^rpit %W ^ 7 tPt >*Rr *i?r c^pt <u<i^i<i 
S t®i- *T ROIC's ^ I 

<Tag_name Attribute_name 

^.v5.^ g vjlfyS <?ff> ftw 

RilGSRS'iJ i£i?r '»j|Piv5 c 3 # wfa 'sht 'auiOjRSU ^ 7 tR?ra' ^^?n®T j iR*i, 'si^*fa' c^idh'Pt ^ "srcscr 

wff^T^ - r?t i 

= "Value" 

f 7 ^ RjlGSfiSS 'Q 'OjlPiS <U<lRt^"^3'%T 5 ff%r*f C' 3 T«ttC 7 Tt R=T 8 

<a href="http://www.bookbd.info"> BookBD </a> 


WtfSf^5 '»j|P|v5 


<link rel="stylesheet" type="text/css" href-'theme.css" /> 


Note : 'sjlRiS wPrf^'t ^?it<r (3 j ldh c PT <u<i^Rr wt i f^xtppT wh=t c^ldh'Pt - ^«?r 9 f^f^ 


^.V5.V5 g HTML t*?W 'Sfift 7 T WlffiffiSfc 

HTML 4 ^t=T- ’RPTPtT 'oulGSRSU <1C<ICR, (PTSTPTt 2f1?T ^ s T?TC c t<r %Pt ^ 

8 id, class, title ^ style i 


^8 




ix)®r (t 




3.0.0.* 8 id HTML Wt*T %RW Rfn3'»lc<i Wt'S’ OTR WR id 'oijlCjRSiS <u<rR OTf '5J?T 

«TW i html cww rR crR CSS «rW JavaScript rRR f*w wt w, voR html r 
t>TMw id wlGjfaSt; rwr r ^itwr W CSS RW JavaScript ^pfl=T WW Rtw '*i w ilnt rr *tTW i 
cw S- 


HTML RflSR id attribute 4R RWR 
RRR iJjPT ri^sf wf 


V 


<div id="attribute"> 


o 


css id (#) rw n 


V 

div#attribute 


3.0.0. 3 ° class HTML C*ttBRT RRT Wt WOT ftfcs| TSjfRR 5 ' Rt^ 5 OTR Rf 

class 'oulGjRSU rwr RRt rr Rw i ctr ° crr wf& html c^rr rot sf^ <p> t^tR 1 
RtfR RfR ^ 8f& <p> tjJRot RMM-RMRl»ttR RT^ ws Rt;, w class Attribute rRrr 
RW| fw Ws RR I (RR 0 

HTML RtlRT class attribute 4R RWR CSS Rt?£R class (.) RWR W<T %T 5 t RR? Wt 


C v 


r v ^ 

<p class="attrl"> 


p.attrl 

<p class="attr2"> 

| => 

p.attr2 

<p class="attr3"> 


p.attr3 

<p class="attr4"> 


p.attr4 

v J 


^ ✓ 


Note : html id w° class 'folG5RSU ^r 'sjlPiS ‘CRT-cRpifiS's’ i 'ajlPivS Rmm <r <rr r(r rot RttR, 
OTt RR 4RR CSS RW JavaScript 2(OTR%I Rtw RRtR <p><jc<j i 'jjjIPiS OT*tT^ OT>R fRR i ®R s- ^ 
R?R i£R° ’RRafOT RRR (o-c»), RtltRR (-), RtWROTR ( _), WT (.) <u<rR RRf (ROT RRR I 

3.Q.Q.Q g title HTML C*ROT OTR ^f%OT>OT ('rPkR'G %R ROTat RRRSRTlOT fwsrfw RfOTW 
RRf W5) RlS©tlc<i f^OTf RRR RT title WtlJf^Tj <u<irR RRT rc*i RtOT i title Wt15fR^T> rRRW 
<a>, <area>, <img>, <link>, <abbr>, <acronym> i?TR®OTtOT (Rf*t W® RJR sflOT I <Rot 
WR st RRWg'iIot title WtlSf^Tj R <ij<irR CR^ITC-Tt I 

3<t 


ix)®r (t 


wtrr-ie 


^.vs.vs.g g style HTML c’tw c<fh ^Ricvic-g 3$t%r (Inline CSS) srstm <F?rt<r wv 

style wl Cjl<iSt> ^c?r s|R3> i pw s-f^M <p> Ujtcsf «ijIH 5RS'5 ?>c?r 'Q 

9 #^f Wf rg*ig^ I 

<p style="font-family:arial; color:#FFOOOO;"> Some text. </p> 

$.8 8 <M$$ (Contents) 

'St?RC 9 tW Wt^rat *IT CR*RP» ■*n^, (cS^, Rt»l6j, '»lfwS, RsftsS t^Ttft) ^ <P1U>*5 I § 

wt^rat <p*iu 3 ^*it?r ^ ipHT c*r, <p*iu 3 ^*it?r ^ ^RPtr f% siiw ? ^t®r, 

wt=T, «Ttft ^jlfn i *Tt?T c f (contain) RRRT i 3H, wK, < Trf^r 

<p*iu3^*it?r <p*hco*o (Contents) I t'o»iR, ^’TRPT <p«iuS$*lRT ^£1^ «[MW '3I?R£' ! 1W <p*iu3^*it?T ^ 
^*0" «tW5l«T,^5K, <Mct>'0 '3 £TR£*Rt 3T <o<5^jvs CT>Wf, ^JSTSf, 'aifoS, fsRaS ^STlf^ l 



Z.e s HTML (Extension) 

^pFHSUlw W» £(f^fi> ^pf^T, Rf«fj CSfWtftx ®TJt°'S7^[W ^ ^^dj*R c t*T/*l 5 wfif <1C-MC^ l i£|'^£5*R r t*T 
<j=u^> ' 5p%r ct ' j tfw (7t» wt ^c?r «TR3\ <prt¥ i cw t^fw's '*pRc=i<i % 

".avi, .vod. .dat, .mp4" ^jlfo ^C?T slRF^ l Rfesi «rf^3 WRTR^ ‘ 5 tt i T ° ".mp3, .amr, 

.wav" t®nf^ ^£?r i wKt?' f^r®sj censrtf^ =ut°'®t^[w pw g-f^^f^r 1 ^' ".php", 

JavaScript G41$ftfsr° =Ut°'St^[W >-fl<T ~5JM ".js" I os^Pi HTML >n<T ■rwU^K 

".html" I 4S|uS«1*t I T '5r«W *tPtWR ^C®T C^T '»I(.<i'r W <HVl *Tt I PW 

s c^t'T'srfw'S <p|'^.e < =i<i 43|uS«i*t I T ■#( ^t»i6j <M»ufB"*Fl$tei*i ".jpg, .gif, .png" CR¥T 

^T, «t5£=T PW ^5= «lfW'S ^pft=T ^tW <P<1C<1 *TT, t'oaiR HTML ^ 'flS)uS«l*t*T 9 rfw^t ^R^ ".php" 
^NT ^T, 'st5J=T <3 ^|W <p<ic<l •?! I ^WT° I 






fi> lij'sr iX)®T 6 

S HTML 

c^tw ^rNtw^ dr^rl ifrfwS^ cw - Notepad, Notepad ++, 

Text Editor t^Ttf^f I ^W, <fwrw f%1%^ IDE (Integrated Development Environment) 
Software CW:- (Macromedia Dreamweaver, Adobe Dreamweaver twtfft) <i«ic^, c*iwrf 
<u<iRt?r ^c?r 's w ^rso csjwpt c^Nt ^rtrr i <u<iRfa 

wt^%r 'S7^N 3 Ttt^ ftsf^ wf ^rtrr i ^rlc^lRRj^r fspT'stsnsfa <iml*i wr f*Nu® uRw 

c^n^tc^r c=r^rt “'sutt^g^tftrfwr 1sFr'3t3r®fa” ^cir 9 tts3*t i 



ffer = (^rnsFiftf^f^w^; 



fi> lij'sr iX)®T 6 

*.<} 8 HTML Wlpr 4<f <UIPm> gfcf 




^ijf&iirsriiK Tpft=T ^ tw? 3G*IGR I C 3 ^ R&R/fRTTR' 'oi^llGS '¥t^=T 

r?t i ^ ^ l l^' t£ i' 5 r^=T '*p%r ^tw *rr i Ircf Tpfl=T <uiPi<p 

wr^ 


P html_basic_structure - Notepad 

000 

1 File Edit Format View Help 



<html> 

<head> 

</head> 

<body> 

</body> 

</html >| 

fM : R.R.i ('HTML^Ffl'T I 

HTML '¥t^=T <P*G'o <html> (Tltml 'SC*I%, ^JWJ t*R3T, ^ C*fa <P<!G ''0 ^r </html> 
(html ^ CpRfWv UtM) fw i ^ html '3t 9 tfRs %t 5 t ^r:* 1T ^fTRtW^ «HTtRT j iir^i>TT 5 t, 

<j i ^gI>'C sTHR^ I html (^tfWv ^ ^r:*!! sf 5 ^ CT Tjffil (TR 5 *!*? slRRR, ^'QT^Tt ° head 

CW'Rt 4RS. body CW'Rf I head (TR 5 *!^ fsw C'tW j i w Ig<p RRsfj <p-si g^i “ t^T, c*l®t 

Rfajj faM*, R^sjlfn Irwtsr; CTM WT rc?t sTRr> i head body c^R 5 *!^ 'S^ r^ttR WR:^ 

cp^tw ^g's i head (TR 5 *!*? t^?r <irg*i<i *is<i'ok'o R~^lf<i's ^tr^tRjRT ^RT rgsigr i wR rTrrT rTrRrr 
'2G<I<1G‘ :> R^t CT 3 t^5®T f^R| ($<&, RG»ier, URt*! R'ojlft) C'T ! R^s 9 TT^, 'sR 3 T<f? body (TR 5 *!*? 4R '5RRT ^RT- *T 
<P<1G^ R?T I ^*fRR WRRT Ir^TT «T*W*^il (R, (R RRR RRR 'SR'^ RGHGR, C 3 # RRR RtR RtR C*R 

rg^igr i ^ rrsr Irrrsrrt «rfsraT RltRR ’RRifc^' (RRc« rrrt i 

«*> 8 HTML 4 sm CSftm mt 

oRsrat f^RstRT 3 i w Ig<p gstghR i ^rrr t^nwrr <u<irI<i r?r 

ixittf^RxiR 4 wIrrT rRRrr swr cRtsrtRfRtR 'stgt^sfR^ rRrr cr*rrt i ^rr, ’rrcr . . 

*fW-$ 8 (s0*lJW 'GZ*f 7 t <FWT 

i£)istRI £T«tW ^rr < ’RT3' ^fHS'ClGfi^ Start CT^IT C«R^ Run 4 W^t I 


*b- 



ix)®r (t 





#f-c^tw c«lw (Window '^r + R) c^PT W^T i 



fear : ^.b-.^ (^f-c^lw csft^p Window key + R m^tj i 
ai^Rr Picm 'SR^st ai^sfij wtrrK^T ^ i 



fear : ^.v.o (^Kwtrrt=T 5 T'^) i 

ar^fa Open ai^ ' E TTC*ra‘ OjWj fw^ "notepad" tM^ W^t ar^s, Ok ^fSti Hh> W^t I 
^ 




ix)®r (t 





fBar : 3..V.8 (&& fe 5 ®' notepad OK i 

\sf^C=T ftcM l&WS ' s fT«t CTf5' 9 fJtW 'SC'H I 



fear : ^.b-.<? (CTlif’tjtw 'St’K^sirf) i 

^ S HTML ¥/t^ C*m (FMT 

a^t?T (?Tf5' , lTtW Rcd< 1 "SfUst HTML f®rf*T I 

esrtsmr^K i (pl.html) HTML 4 sM*r GSflstftr (FMt l 

<html> 

<head> 

<title> This is my first HTML Program ;) </title> 

</head> 

<body> 

Hellow World ! ! 

</body> 

</html> 


So 



ix)®r (t 


wtrr-iG- 



fear : (Notepad 4 HTML c^lw c^KT) i 

ffif-iS 8 TP&T Gfo 

arefa Tpft=#^ WtWT HTML W^tTld? CT» <p<u.<il i ajisHT File CT^IT C«fw Save As.. .4 Hr> I 



sNW Save in ai*r Sf 9 T-\b|'S»! csfw c=TtW*K, ^FlVifi* C^Wttr f^ter ^sfovo ?c<i, 
fN* I W*tT ^Tt^T W •TtOTT C*tW «R*tT^ .html a|^5*H*T <u<Rt?T 

<psw> I Fioos "sfUsT File name ar?r^ir'ail»ilwi <p|$®i ai^fi> ^rtsrferfsr i 



fear = 3,.b-.b- f.html html'¥%T a^^rfsr c=NT) i 

®J 




ix)®r (t 

“TO^tTT CT, HTML ^Pft°T i^RT 7 TtW C^K C^fTTf^ C^T (" ") <U<IRt^ *TT I C^Brflp' 

^ *iRj<i(.'o ("-") ^r*W ("_") <PSW < Tft^*T I 

i*Rl?r Save as type fw W All Files Piws W^T i 



f£ar : 3,.v.c9 ("Save as type ^ ‘ ! Ttt? c t^‘ ^■ s T-s5t^r f%3^ All Files Piws wr) i 
Save UN* ^FlVifiS Pi« <m‘ £- «i i 



fbST : ^.b-. io (2 |c<i1st? 1<I ^tW C*tW Save ^fSW H 5 ^ Wl) I 

o* 



ix)®r (t 




W s 

wt^rat «Miw wr ixi : l^'^' 5 r^“T ^ w*t^t i sf^fw wt^rat ■¥%# ct 

RswSUc's (7f» <K<lfe, (7P ! ftWK=T'?rtt: I 



ffr? : ^..b-.ii f¥l%T ^ RjG^sR) I 

CT '*pfl=# WW (Tfs <KflG^, C 3 # C^T gl^Sft^ tw '3r !> H' I ^'SHT 'JFlVlfi'fl 

^RT "STl^T ^ WRt ^fS't IfN^ I 'sl^ 9 !^' Open With WN's CT C^I*T 

fcwr 8- Internet Explorer, Mozilla Firefox, Google Chrome, Opera tw#) ^tlCTit ^*RT 
Hr* <p<i^, C^r®C=Tt '5ff 9 HR <pFH'3‘I3|g<i ^^=1 WT i 

fw S ffg ^ «I(.«1 < P t>Xffl', '=UllhR^-i3l^Wt^' i*RT tS’RT <K<1 ^fW <K<1 I i£| 3 t T39 R^ ^SfTSRft 

9 l'Si<l'ol o[*lTt?r fa~'ilfii'o WRRRT I 


O'- • 0 3 s' 

— e«":(H- 



Qcow^fc 

0 

0 fjgrtftt PI 

©' 

9**+Or m 

□ sa^Oidn 




\ 

3SEI 




smj 





fBsr : ^.v. ^ ("ixi^sl^'iii'srixi'T ^pl%r ^ crsir w*tr 3l^wt?r Pic^s wt ) i 


'fl^RT f*kb<l "SR^ot ^TT’RR' iX) l l^'ii|'sr^=T '¥t^=T ^ 3lSerlw CR 8 !^ < TlR*T I 

'QV 


ix)®r (t 





fer : R.bO'S CHTML'?Pl%r ^ '0||S'i5 < ^) I 

W 8 

^ html ^Fi%r ifjM j i w Ig<p wrwt i 

«i^w HTML 'spft 5 # <html> (html 'St: 9 !^ tjTPT) f*R 3 T rgsigr c*R rgsigr </html> 
(html C^tiw° %ffl) <ij<irI<) <RR i ®[sftR l^ral^prRR <html> 4 RS, </html> 1 %^ ®RTRT ^TTT 

'Q ^IcS^C <5RR® RG*IGR I 

<html> 

</html> 

<html> <head> TfTPT <u<iRf<r wr rg<igr i <head> (TR 5 *!*? Rferj R>Tt=T, f3iH> <u<iRf<r 

wr rcr *trr i fRRsrt^prRR head cw*Fw (<head> </head>) body t>M R'Sttr c^tw wr 
rgsigr i head GR 5 *!*? tRGT <irg*i<i ’iWsfe ^TlG^lb^r WT rgsigr i 

<html> 

<head> 

</head> 

</html> 

<head> GR 5 *!?^ f«®<i <title> RfiGT TjTM' <u<irR WT rg<igr i ^ 'STRRGTCSiR 

Tfrtd^/f*ftRlRTR RRR RRR I 'CIrg'C'I tbM RJRRR RRR RRRffc® WtRRT £frl<pfiS<Pjf% ®fGR> RtW GrRtRf I 

<title> This is my first HTML Program ;) </title> 

<html> 

<head> 

<title> This is my first HTML Program ;) </title> 

</head> 


</html> 

3l®e?lGfl T’IrgIj 0 ! TfrM ^R GNlGTt R=T 


lii'sr a 



fBar : 3.V.i8 i>Tf3 43 '31^3^ 1 

^3E3 IBIS'S WtnMI^ Title 1>JT3 43 f'»'s*l C33T, 31 ,3l^ft3 43 «FS£*1 33f*f3 3£^ I 

<head> T>Tf3 C 3 tW 3533 33 31331 <body> TfTl3 43 3 lW ^3“^ 3«f3 I 3T33T C3t3 '0t33C3ff5f 3t f3]| 
C33l^s 3lt (VmcG'G), 313 33 R>g 3 ^ <body> t>Tf3 43 f%33 33 1 C333 s-Hellow World! ! 

C®T3tflk3 'SC33C3W 33*f3 33t3 W3T '31331 4fik3 <body> T>Tf 5 t 43 !'»'»*) RsGSP*lt3 f3£*lf3 I '8T33H335T3 
4333 3«luSnS(.3 133113 35313 W3T HTML 4 «IW<P %T3 3J33t3 3531 333 3t33 I '311735 '5Ttl7 , '5 '31331 4 
333 1333 3°333 Wt333f i "<body> Hellow World ! ! </body>" 

<html> 

<head> 

<title> This is my first HTML Program ;) </title> 

</head> 

<body> 

Hellow World !! 

</body> 


S> # & Nfn jrtwb Irt 9 

if»««*hinnifo)»;) |_+ 
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* tWWri^MnjStirW Ctftmllfe futHoW kllfcfrmfl 
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mmSrn»mm 


Swh **mw Cwot-GwoD'OI /Optw* 


1 Q(mQ'@«i| GrtMfiatelV | 


W G : 3>.^ (<body> Wi 44 c33T3^F^ 1 


wpr-i<? 


fi> ifl'ST i£|=T 6 

3. ft 8 PrnifrH (Indention) 

csmpt c=t^ ^pbt ftfnB ^ppt (^rrf^r obifi> ^?r c^pt <u<irI?i <k<^ - ^ ^rPif^r ^(.©t 
W'tr Tab ^f5*t <u<isK ^<m 9 ftS3*T) c^tPf c^T csrtsttftxcrr wft; 

Indentation. PW % i£| l |^'^' 5 r t£ l=T Indentation ■¥%# f^RPlft i Wtf*T 

^iosc-g^pt *tT' 3 w«Pr, wPrfa ^iw <p<ic'»r i t%¥, «rPtR ^^spt ^ttprf 'st^r 

f© ©t i R-i t¥/(.© c'» s i *rpr/ cfirtsTpn^ -^t c^pt cgfistpn^ ^ ^rpprfa W'st whiter csfWPt ^pcrpt st^K 

<P<lC's < 1P3*T I "'sl^tWf ^c*i<P CSfMf^T^ ^U5CT>*PT *P ^tWt ^C*SC<P> ^'Glfifs'S ^Pf 
’fro ^TT?T I (PTC^Pt 'aftPTf WsJltPra' 'SRPst C£fMf5r°T3T ^TCECTh'Pt Wilt'S ^PBT ^TPtT ^TWtiT I 

C2MP#tPs Wtf*T <html> </html> (PNT?T C^Pt ^c^c*C‘ t Pt <pRPi, html %Pf t£)1^f&t£rsrt£i=T 
ipfltpw sppr/sprpt ^ppf i 

<html> 

</html> 

fw, head body cw'Pt ^PBT ^©c-Gd^t <Kfife, ^t?[*r ^'STPTt html 

tf^RPFS' (^5f<fK, <html> 4*lftPT 2f*fPt 3FRPP5, ^TRT <head> ^<T\ <body> <html> 4?r i 

<html> 

<head> 

</head> 

<body> 

</body> 

</html> 

cw*Pt 1%^ t>1^c5®r %Plf5tpp wPTPrf ^pp?pj*Pt %Plft i title head 

rRicH'C I ^R3T WPrat ■'Pastes IVOR'S WftPTlWT WT ^ I 

<head> 

<title> This is my first HTML Program;) </title> 

</head> 

(.\oaiR, <body> </body> Hellow World! ! (PP'fti^s ^rcsc^Pt <K*ife i 

Hellow World! ! <body> ■n?r <t>«-icI>-G i 

<body> 

Hellow World!! 




</body> 






ix)®r a 

8 <pc a/£ (Comments) 

<PG»I^ R <4R RRT ^HGR SRGol RT CRRRR 5 ' <KR*C i£RT RRT RG*J S.GO RttR I pRflfiS 'a|| J 1G°l o| RT I (,<P J 1<[<t s R^CRRj 
’SR^ st 3iS©tic<i rr rt i ^ <pt>i^ <u<rIr <prg<ir c<p<i®i rtrrir RRttR ^ffRRftsf i 

RER W^R, RtW RTRRtR Mr RRt 4R# I'jlRfNRi'IR CR^/C5flRTR/^<£GR£-RtW CRtR> RN# ^ RtR RR 
^R RP>s| CRRW i£T?T <U<lRtR •TT'S RRfaa RttRR I ^IITO CRRW iRR RtC*f <pgr* 5 <lJ<lRtR R>CR ^ RRRTt CRtR* 

CRtf® RftRR l ot^TSt RRR 'StRRCRW f®wf^/OTO»=T 9 fR^' 4R C¥M ^^tlw fWRltR/G^G'ORRtR 

^RSRttR RRSf RRR RTC^T, oRR ^TTRRtR CSflSfts# ^IRTtRT 1%Wtt*R ^R RRTtR ^(fRRfcif'S <PC»l^ <IJ<1RIG<1<1 
SKRTStRRCR RtW I 

8 <pc gj> (Comments) 4}j ggg/g 

^ <PG»l*C <ij<irR WR'SRT <PG»l*C (!— ) iSpR <1)<1R'S RR l 
CR CRRTtR 5 ' <pg*i* 5 4R fc'SGS RNTTa RtR, otR 2TRSR "<! — " ^R° CRRtR C*tSR "— >" <1J<1R|R RSRSo RR I «f«ftR, 
<!— This is a comment & will not be displayed in the browser — > 
iRER lilRsfij SnlRSM a|R RtRIER fRRRfiS' R^RER^ Rf?T^tR R'SRt RtR* I 


P corrmcnl Notepad t|B|fX| 



f53T : R.io.i.i (CSfMR a) <PG»I'C ^RRJRRtR) I 

W 8 

%RER 'aflRRt This is a co mm ent. The Comment hne(s) w...=TIr*jPg<p <PGai*5 %tR 4 r feoER CRERff, 
oflt aif^ glSerlG<l RER Rf i f%f Pg&<i ®TIr*jP P<pr glSeilGR 2 |rWo RER I a)RR CRwft* glSejlGR RtR 

<P<llGR PgD<1 reoT s}Rf*fo RER | 



fear : R.io.i.R (C£t1$ftER <KR*G <U<1RR R>ER otR ^iSiS^^lSertER CRRT) I 


OS 





ix)®r a 

Z.M 8 $1$*r 

C^t*T 4tt>f5w5rii|=T C’TtCSf i£RT ^t*r RaesMfa *tT WT RC=T <ptos ’flW *TT CT, 'TlfS' ii) l l^'ii|'sr^=T 

^ c^H 'ol4ti fcsRt i wf»pwi t£i^^f&tq'srt£i=T ^Ts^hviRRjfj '®vj^ <*rt R<pi5 C’^fT^trr *TT i l>fl?f 

Rs cgpiit?T WT ^5t C*l^®f Wtf%TO*t*T'S •RT I 'sf?; ^rm ^fMiS tM^*T R>cgpiit?T WT ers’HJl I 

's-jc^ Tft^T fejBTRT WRf er-ij iiRT <!DOCTYPE> R?T l sc<1, i*llT> 

c^K tStm - i ifi^f&ifi'srifipr C<html> %w sfstw) ^r- *f <p<jc« r?t i 

‘SnlR^'f g 



ffeT : R.ii.i tlt’f R>C<P*llc<l' t t*T) I 

8 HMTL 4.01 vtfci V3<£wv TjI$*T foc&nK gg t 
HTML 4.01 (£| F»-i'»lc<i ^01*5 Wt’T R>csp*it?r Wl"R?T I 

8 Strict 

i£|$.t>fI5'X|'5ri£|=T 8.oi «1 jic* 1 ^’ 9 l<t'3» <P<l»ljf5' <X|f& I C^t*T C5fsjc<Pu5'!s %PT, 'aijlEjRSS, C^OU* ^ 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 

8 Transitional 

'»lt*1<P ’TW «fT 9 Rtt3> 'STf 9 R1?T '3T3Rt' ! Tl£ i Sf C5®c<pd5^ <1J<1RIC<1<1 S|ciilej*i 'RPs 9 ft^ I GtWM 

t’ft' 9 # ^=T- *1 <P<1C« R?T I 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TransitionaL/EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 

8 Frameset 

(SFTC 3 ^ <1J<1R.t?r <PC*1 x 3C*I<1C < 1r,'ST 0'S Re'S 'S^C^I'C l?fl v tf5' Sc®1- *f <P<1C'0 ■R?T I 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Lrameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd"> 

8 HMTL 5 'ol J ic r i focgpflW <pul 

HTML 5 i£| Rrcsft'S 5 ^ Rifle's \5fc^ ! Bl$*r iSt«T- <p<ic's r?t i 

[<!DOCTYPE html> | 

ov 





ix)®r (t 





f>l>ldfc i *H fel "sn^ffa CT c*c* 5m 5 * ' »V< mM*t i 

Tfft^ fcsfa ^rj www frccofilmcmooeycarningArom 

I ^T3 i)«SJ 

C$1* rfMCW (A I ^ 

cult fas*1'J<J <J^JH 


8 o 







4?^ ft* tq'sr (t ^f*oT?r-i<2- 

rRiwC <i e it's ^N*r ^i>fiSw5M=T ^sr c^t*t tStM - ^sr <u<iRt^ ^r, ^1*? ^ tt^rr ^ <u<irI^(.<p 
rRiw'C ^t i cw g- <p> ism i ipiH ^ p ‘UjMfiS* <^<1^1^ v®^r tiwr R*i*ifi5 f^r 
p rRiwC i 



Ife : O.i.i (p $PlG*l*C) I 

1 ) <p> 'si^v ^irn 

2) This is Paragraph Text - ~$JM p tStM ^ 

3) </p> (^tfw° 

fsrc®T <xif[>w ^®tT ^ <p> rPic^i'G i 
^ '5jt s tK i r R*i£if5 ^3?rf ^'N 5 ' - 


<hl>About Google</hl> 


Opening 
lag 


1W : (Ill I 


— 1— 


{ 


<html xmlns-"http://wvw.w3.org/1999/xhtml"> 

^ I ^ 

</html> 


Attribute 


Closing tag 


fe : 'S.i.'S (lit ml RplwCj I 


8 * 


fi> ^■sr ix)®r (t 


wtrr-iG- 



& element_example • Notepad 


File Edit Fonnat Vew Help 


(<p>)This text would be written under paragraph style^/p^ 
^a^ref="www.bookbd.info"> Create a linl^/a^ 

£</body>) 

</htmT>> 


1m : o.i.e (html, body, p a $Pk.»i*G) i 


c^tfw° %bt ^j^Rt?r c*fa <p<ig® 

o) CiFTfwe, 1>M I®®s t>JN/rPi(.»i*G ‘PiuS-G 

8 ) ^' CT! 11 tS' $Pit»i£(.<p ((W g - hr, br, img 'St 9 rf^X : 5TM' ^ C^fW <p<ic® 

(<hr />, <br />, <img src="html.jpeg" />) I 

(t) sftfr rPiw-G iir?r wlGSRSt: i pw %- <body>, <img>, <a> 

<abbr> i 


80 


wtrr-ict 


fi> i£)'5T iX)®T 6 

V.iA 8 Cl $vs (Nested HTML Elements) 

sjF»f5 \s^(.»i'5/c , l^er '5PT° ! *lT isrt ^tf^s i <xi^.c>fDt£rsr<xi®T ^ srtrr £| fails ^.RiwC 

C^Rt Rpl (.^'t5c<P *fW C^t*T rRim-C C^K RRlca4't»c<P *fW «Tf^, < Jt^T 

R*(^ir5c<p Nested Element (4^>tfw ^Piw'C i*et ^TT ^C?r i ^ 

R^liS j i w Ig<p 9 f1wt?' '^'s?rt ^ i 


1,1 nested.elements - Notepad 

B!§ 

1 Fie Edit Format ta Help [ 

C<heacQ 


--► <title> This is Title of Webpage </title> 


( </head 



ffr? : o.i.o (Nested Element - <head>) i 


‘it^ttC^T <head> <title> $i®K»m<p sjW <mg^ i 



fe : (Nested Element - <head> ) i 

<head> <meta> <title> $RiG»m<p sfl^f <p<ig^ i 



: 'S.i.^.'S ( Nested Element - <body> ) I 


88 



ix)®r (t 

<body> <p> $Pi<.»m<p srW <p*g^ i 


wtrr-ie 


t NestedJIements - Notepad 

FI® 

1 Fte Eat Fwat Vie* Help I 

$body>^) 


fchl> This is Heading 1 </hl> 


lcp> This is Paragraph Text </p> 


^odyT)| 



fer : 0.^.8 (Nested Element - <body>) I 
<body> Rpit»i*5fiS <hl> <p> ^Picat-Gw* *(W I 



4*m?T <html> Rpit»<*5fI5 <body>, <hl> <p> $Ricim<p i 

8 HTML 

2(f^f& C’Tt'Sf frofsiG'o fif'tK <1)<1^'S ^?T, CTQT^Tt *TT RG°1$ •ITT I ^ 

^C=TT % 


1 . <html> 

2. <head> 

3. <title> 

4. <body> 



fi> ^■sr ix)®r a 

v5.i.v5.i 8 <html> Element 


R*uR-ie 


(RR ^w-G/cRtR i£RT £RR Rpitai-G ~$rm. ^ <html> rPig^ i C'ftffSR 

^Pn.»i'5/<p*ici5iJ ^ >£R rrt rrstr <k<i (idoctype rtcr) 1 ^bfS^R^R ^r 'scRf^s, 

tRRR RRR RRtR ( IDOCTYPE 4R RR) ‘RRv. Rtfw° tRRR RRR C*ftR tR*Rs RR I RT*RT (RR 

'3RRRR5R cR^f r|w (Source Code) CRR3 R^-sjfo < lfwR RF® R# 1 

<?ipf of*rt 8 

RR '3T3RC ! 1RR CRtR RR CRRR WR RRR 'SRRRtRR (R RR WRRR RlSc^fl WR RlR f|R I 

Wg’R RTR® R’RRSRTt CRR "View Page Source" (RRtfiR ^RR Hr W^R 1 



fpar : 'S.i.'S.i.i ('SCSRCRESR CRR RtW CRRR WR CRtfSR RSc^ WR RlR H r Wf ) I 

ii|RR Pi CD'S! fRRR RRf ^ CRStI^R CRtR RR dcr RtRR I 


8 ^ 



ix)®r (t 





g <head> Element 

(RR f*ftRRR, 'GTSRC'tw ^T^hvtj RF«f) ^%r#f, RF»^ CSS (Cascading Style Sheet) 

Style, Javascript (Rtw <head> rRic^'C f%w RT i <head> <html> 

t>TR ^ ■RR-'SR^ i£R° <body> i*R 'RRlRt %R ^SR 4- ^TTR , $R-C*R <mg« RT ixr° <head> rRim-C 
4<ri c<Fffw° RR (<head> </head>) <head> rRiwC ■n?r rrRt ^f%OTj,R ! TRR 

(<title>, <meta>, <base> RsJtf^f) fR*Rs RT i Rsf Snk<R ^ RllPT j i w Ig<p 
^'STIt ■^IR 5 ' % 


f& tq'sr ixi«t a ^RitR-iG- 



f£ar : 'S.i.'S.^.i (<head> rRiwC ^r <ij<r[r) i 


<head> rRiwC ^r W® ^RTtRT ? 

• <title> 

• <style> 

• <base> 

• <link> 

• <meta> 

• <script> 4R°s 

• <noscript> 

^rr Irrr r^r ■>i w ic<p wtRRf rIrrr RRRsfc® IVOR'S wrsrt i 

o <title> Element 

'STRRtRW ^ ^c'S'l/f^RRRlR 4R ^SRI <title> Rpltil-Cn? RJRRtR RRf RCR RRR> I '5Ru> <! U<P (“Sl^cSR 

rRiwC) crr R”^ 'scrrcr^sf ^r^trr RRtR rirjr fR,c j ic<i's «rNitfw wr rr i crr crr ^<pw 
1%fwS^ <[Rps RRrr cr, ^t(rsr c^T^r rr^rr '3«i<i j iIrI 5 1 ^otw, ’TfR ^RfijRTtrepR ('‘■ar^'s ) ixir 

WWS rRiwC '®R dN ^' ! $ li f ^fwt ‘ s ft°1 7 T RRR I 'StRRtRtfSrR Wru^ <1J<1RIC<1 Plf®s| CRHR 

<u<irJR RRT CRP® RRR i «TtR 'ScsmlRuJ ^RR Pif«s| CRHR rjrrJR RRR '3«i<i j ilRbc<p RfR l tf®R tRerlc'SR 
%R fRCR WtRtR 'SRI CR*RR>R “RtR tfeR ^ 5 T ! lf^ 1 llRceT‘ t R” 4R° “wRS'stRW 3# ^R ^f^iilRcer'R” R^ 
^’fS' R^£[R RCR RRRR I CRR 'StRRtRtfSrR TjIrcS 0 ! Rt^WRRR RRtR ^RSR £Rf*f« RR I f*ic&<l f&KRR RtRTCR 

’ i oT (RRRRTRCRf % 


8b- 


ix)®r (t 


wtrr-iG- 



fear = 'S.i.'S.'S.i ('Oesre’Icsr ) \ 


'Q.i.v.v.} o <title> Sfacw <4W <u<i^hi 8 

<title> Rpit»i^t<p caters <head> (TT^R ^<r fw»<i f®r*tuo ^TT i Pico <4<pfD ^rt 

RlRRR Tjftd^T rRiwC ^ <W<rR (RRRRT 3£®TT ° 



8b 



f& tq'sr ixi«t a 



ffer = o.i.o.o.i.^ ("<title> <ij<iRt^"^ s c?r i 



(3>fi5"ffiZ*t'-'3 v f ° 

HTML ^tsRjt <title> rPiw'Cw Pi<h 1^1173 <head> CWl^ 4 <7 Rs-s<i c^tfl i 



fear = o.i.o.o.i.8 ("<title> c < wsf^ 1>RuS |! i/f*ft?[ffl5r f%*ft ) i 

'ST^:' ! TCsf wt^rat ct c®r«lir5(.<p Irmw <mIc^ ¥tf^, c 3 #^ <title> </title> 

(<title> rRkx'G) ara - fi«<i <rNr rg*ig^ i 

do * 




ix)®r a 

is„S.i3.g s <body> Element 

wtW c^r wu ^rt ci^l^a ■=11^ (tew, ^jfw's, fsf^s, d^lj, twrf^), 'st t^gt 

<body> tPiw'C 4^ 'oi~^'®> 1 4^f!> SnlR*H 4^ Wiw R*i*ifiS wie¥ ^'s?rt W> - 



fe : 'S.i.'D.8.i (<body> tPlW'C 4^ < 11 1 lt'PT^) i 
fucar 4t¥ wf 2tf^f5"«r°'*f, c^r «e?r<R; 9 few 'f'ljw w=t fagt <body> tPiw'C ^ «i i 

v.l.v.8.1 g <body> $Piw i> 4W w^l'H s 

<body> tf=u»m<p 4^5fi>45T4®T c^te©t<i <head> 4?r (^tfw° tiW (</head>) 4ir 9 ft3'-'3e 9 K 
<html> c^lfw° tit 5 ! (</html>) 4^ '^-c^fw <mg« ^?r 4^° '87w:' ! W w i 0' ^foKT w=T 

tfatw, < Piu5'Ct<p <body> tf%e^ c^rfw° tiff (<body> </body>) 4^ 

^Ne^^ri % 


<?i 



ix)®r (t 


wtrr-iG- 



< ! DOCTYPE html> 
<html > 


<head> 

<title>Tit1e of the document</title> 
</head> 

<body> 

The contents of the document consist here. 
The contents of the document consist here. 
The contents of the document consist here. 
| </body> 

</html > 


fsar : (<body> $Pit»i*5 i 

Tpi^sifu gl Set Its ^t*T <p-eiIc®i Plots fowls spiffs l 






ix)®r (t 





ffer : '0.i.'0.8.i.'0 ( <body> ^Pitai-G ^ 'sc*l%. csb lf®rs. i ©JT®t) i 


^ItsEr fro? "To" OT*tt c*r, <body> N s'C‘ ! lf^ TSjMc^ <head> ^ c^tiw° t>TM 
<body> ^ c^tiw° Ujblw <html> (^tlws.tjTbf ^ i 



<!doctype html> 


<html> 

<head> 

<title>Title of the document</tit 1 e> 



f The contents of the document consist here. 

■< The contents of the document consist here. 

I The contents of the document consist here. 

1^ /bodyT ) 

</html> 


fear : '0.i.'0.8.i.8 (' 3 G*ml$Gu<i <MGt>^G<p <body> arer 'sc*lf^ (^Tfw° ) \ 
ixipftw 'QmwIruS W^TT «p«iu 5 'C j i\Rt<p <body> Rpitii-C iX)¥ Rs\s<i c=TPff I 






fi> ifl'ST i£|=T 6 

v.Z.v.s.}.} g <body> <4 <u<j%ln 

t£)^^f&t£)'STt£)=T ^ $Pl(.»l*5 i£| pi(.*|l'8» Wll5PlS5®T^Tt «ltW I 

• alink 

• background 

• bgcolor 

• link 

• text 4^° 

• vlink 

v.l.v.8.}.}.} g alink 

"active link " >n<T "alink". wl£jf<i£5 ^t®n?r wrh <rrt cwr 

^5T I f%fw5^ ^p8|*T C^t*T Hj5^> ^C?T, ^ 'aulGjfaSSfD ^IW | ^5f<fK, 

c^t*t 1 %°(.<m % 9 l^' HN> "alink" 'oulCSfaSS i£i <»<i^t?r wf 2fpff*f^s i 

Value : 

alink 'oijlG3faw.5 valueMK Color wr ^tt i <n’^kfS<n'5T<ii=T ■n fs«i«ic<i <Ff=Tf?r f^Rfra^ wr 
^TfTT I 

1. Color name (^>Kfl ^tPr <UW?T <RRT - pws "green"); 

2. RGB (Red, Greeen & Blue) Code - RGB *rH, PW g rgb (0,0,0) 

3. Hex (Hexadecimal) - cw s- "#0000FF" i 

i£i : l^'i£i'5Fr ^t=Tt^ f^rc?r <irg*i*i 9 t^?fc's Pr^Ri'® wt ^c<ic^ i 

ftrtlwfirw g 

<body alink="Color_name ^«RT RGB_Code Hex_Code"> 

/%F alink Ortt&tf W ft 8 

csftstfsr^-^ (p2.html) <body> alink 4W <u<t nln i 

<html> 

<body alink="red"> 

<pxa href="http://www.w3schools.com">W3Schools.com</ax/p> 

<pxa href="http://www.w3schools.com/html/">HTML Tutorial</ax/p> 

<pxb>Note:</b> If using color names, different browsers may render different 
colors, and Firefox have problems if the attribute value is in RGB code (will not display 
correct color). </p> 

<pxb>Tip:</b> To produce equal results in all browsers, always use hex code to 
specify colors.</p> 
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<p>However, the alink attribute was deprecated in HTML 4, and is not supported in 
HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> 

</body> 

</html> 

^tEsET CSMW <body alink="red"> alink <fr?r «j|Pi5 few 

WT ^«ic$ i ^sftsRtt •TfsT ^=T- «f <££<1 <K<ife i 'Pt^T RGB Hexadecimal 

Code '^'8 <p<k.\s ■'Ttwtsr i <pxa href="http://www.w3schools.com"> 

W3Schools.com </a></p> ^ <p> <a href="http://www.w3schools.com/html/">HTML 
Tutorial </ax/p> “TTI^ ijfiS' wf i (1%°^ fer <wiis ’t^afca 

R-feRa ^5f1 t«iii>«ir wf RGSIG^) i 

c'fsrfij gia©riG<i ^t*t Rgd<i f&M<i ^rr®t i 



'STRTfRintW £Frf*fe (W3Schools.com ^ <Tv HTML Tutorial) tS*Et UN* <p<ic=i, 

®Tt®T ?T° ^Nlw^ 'aulGjRSiS tfRT'OjlPl'S ®H»T'?rsj?Rrf|5T j ) s tt^ c t <MG<1 I 

*rf*T HTML Tutorial Rr°<pffe iS^RT H 5 ^ at^£=T CRf^T f% ^?r 11 

« i * 



ix)®r a 


fear : (HTML Tutorial foqa Hr* WT) i 

f^M 4RT CT, HTML Tutorial f®rs^fibr ^F Sr* WF» ®Tt®T <T< s tt¥ c f <r-<iv? i 

Note : 

*) HTML 5 - <alink> Ftt’# <F?F F l 

*) HTML 4.01 Fff >n1^p Deprecated (w<rfw) wwrwr^Tf i 

*) t£RT <#W CSS <U<lRl-a WT CTffo «Tfc?r I 

v.).'0.8.).}A o background 

'STRRtFflSF RTRFt^SS' tw <W<1RIC<1<1 W4T ^ <ij<irF FF FF FtF I 

Value : 

background 'owlGSRSiS ^<r wtf^/srF Irc>ic<i URL (Uniform Resource Locator), 

FFRF 4RT R?T I F^ftR CFlF CFF Wf‘ t Tf^T ^CTFflS' <1J<1R|<1 <mw> olcc^l, CF4FFF 1%°F 4FtF F F?F 
f^s ■R?T I ^ITO ^ ^IF^F %°F <U<1 rF FF R?T I FF S 

i. Absolute URL : F*F FFT CFF 'Sc<i<i- ) iIrcI><i %°F <u<irR fF FF, f«F ^FScf Absolute 
URL FF FF i CFF s (www.anotherwebsite.com/images/body image.jpeg) 

>?. Relative URL : f*F ■nF? 'Sc^rFroF crFf tF°F <u<irF fF FF f«f ^HScf Relative 
URL FFFF i cw g (images/body_image.jpeg) 

f%°F i£IF\ RC*l©r IFF FFF <1RC*I<1 9 |<i<l'sk« R~\ijR\s WFtF I 
/%FF/%F S 

<body background=''URL of image"> 

%g~ background W;/Ig/^5£ majn PNT&Tf 3fFTf s 

(t*> * 


f& tq'sr ixi«t a 

Absolute URL vJtftfe gggg W?r $cwsr (PtzT ggf g 

csflsTPr ‘Ts-v (p3.html) <body> $f*for& 4 background «/ jlfiRw 4<r WW^IW / 

<html> 

<body background="http://pubpages.unh.edu/~cas254/html.jpg"> 

<hl>Hello world !</hl> 

<p>The background attribute was deprecated in HTML 4, and is not supported in 
HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> 

</body> 

</html> 

^c^cerfi 'SHI Absolute Url "<body 

background="http://pubpages.unh.edu/~cas254/html.jpg">" rg*igs> i 

iXI’U CTS^alSerlG^ ^Ig^ Pigm ^®T l 



f^M "HTML Logo" RGiier (?F*iT I 

Relative URL Wffi& <U<13.tW <ul<Psjl'Sc'& g 

Csnsfty*R,-8 (p4.html) <body> background 4W I 

<html> 

— <body background - "images/grey.jpg"> 

<h 1 >Hello Learners ! </h 1 > 

(t ^ 
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<p>The background attribute will show a grey color image on Webpage 
Background.</p> 

</body> 

</html> 

^c^cerfi 'SHI Background «ijlG5fiSU ^ Relative URL "<body 
background="images/grey.jpg">" <JI<i3Br WT i 
C'fStfij glS©rlc<l ^t*T <p^lt«l f*k&<l ^ot '5^ | 



fBar : if| Rwer C'TC'Sf^' | 


fUM ^7^ ROier «ftSFtW^ '3T3RT ! TC'5 t 3' <u<i<p£H^W 

Note : 

*) HTML 5 - <alink> ^tc*tfif ^c?r i 

*) HTML 4.01 «bTC*T Deprecated Gr<riw) c^rt^Tf Wl"^?T i 

*) t£RT CSS <U<lRl-a WT C^U - o < Tfc?T I 

V5.i.v5.s.i.i.v5 8 bgcolor 

'st?rcc 9 fc5Rr <iml*i wfa w i tr bgcolor wlGjRSTsfi; wr i 

Value : 

bgcolor wlGSRSct; valueArRt Color WT ^?r i 4 f^rotw WT 

^TfTT I 

1. Color name ^ ^rpr - CW % "green,red,yellow"); 

2. RGB (Red, Greeen & Blue) Code - RGB *IH, cw g rgb(0,0,0) 

G\r 


fi> (Xi'sr (t 




3. Hex (Hexadecimal) - CW °- "#OOOOFF" i 

4^5fN'5[®r ^t®n?r t^rc?r Pr^Rvs wlMwr wf i 

f*Mlwf*ms 

<body bgcolor="Color_name wsRT RGB_Code «r*Hf Hex_Code"> 
bgcolor vulftjR'Si’ 4W <u<i^hi ~^Tt s 
Hex_Code <v<wjlvw 4W ^Tfw s 

esfm^K - <t (p5.html) <body> 4 bgcolor / 

<!DOCTYPE html> 

<html> 

<body bgcolor="#A52A2A"> 

<hl>Hello world !</hl> 

<pxb>Note:</b> If using color names, different browsers may render different 
colors, and Firefox have problems if the attribute value is in RGB code (will not display 
correct color). </p> 

<pxb>Tip:</b> To produce equal results in all browsers, always use hex code to 
specify colors.</p> 

<p>However, the bgcolor attribute was deprecated in HTML 4, and is not 
supported in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS 
instead. </p> 

</body> 

</html> 

<171^1^5- 4 "<body bgcolor="A52A2A">" “Tf! 7 # 

1 Brown (^Fftfsr) ^t=Tt^ ^t®Tl?r Hex_Code 

"A52A2A" l 

^*1*7 3lSetlc?l ^1*7 ftt&s 'SR^st I 


<t<? 





fer : C 3 #^ 5 ^ '0||S'5^ ) I 


Note : 

*) HTML 5 - "bgcolor" l 

*) HTML 4.01 Deprecated («i<i[&'o) CTT^T wr ~5TT i 

*) i£RT ’list's CSS <U<IRfa OTPs I (friWPT ^ 2n^P c t J Tt% ^tW <mg« (^tC^T “f% i£PT tSPT (o) 
<^fD ^TsSf^; f^o ■ s TTc^*T) i 

'S.i.'S.8.i.i.8 8 link 

'3T3R£ ! TC3t i£rt c 3 # 'S^tr link wl IFRS's fD ^c?r i 

Value : 

link 'oulGaRSc.'C valueMFt Color wf ^?r i 4 wt ^rfrr i 

1. Color name ^ «il4 414$H <K« - CWTS "green, red, yellow"); 

2. RGB (Red, Greeen & Blue) Code - RGB ^TH, cw g rgb (0,0,0) 

3. Hex (Hexadecimal) - PW 8- "#0000FF" i 

i£)^^1^'tq'5T®T ^t=Tt^ ftc?T <l5c*l<l 9 |<i<i'slc's ^Tlwl&^r WT RGSIG^ I 

f*p*rtwftwg 

<body link="Color_Name RGB_Code ^*r<rr Hex_Code"> 

link (TNtFTT ft 8 

Color_Name W/? '8Z$Wll&fW 4W WlWlW ^Wt 8 

'iSO * 


ix)®r (t 




csffsfpr *R-b (p6.html) <body> 4 link Wf0^& <4W WfflW / 

<html> 

<body link="red"> 

<pxa href="http://www.bookbd.info">BookBD</ax/p> 

<pxa href="http://www.facebook.com">Facebook</ax/p> 

<pxb>Note:</b> If using color names, different browsers may render different 
colors, and Firefox have problems if the attribute value is in RGB code (will not display 
correct color). </p> 

<pxb>Tip:</b> To produce equal results in all browsers, always use hex code to 
specify colors.</p> 

<p>However, the link attribute was deprecated in HTML 4, and is not supported 
in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead. </p> 

</body> 

</html> 

GSlWtcsr-'QCSRC’lW <u<i^'S lira' ^t®n?T <pc<i OTliT W*tT "<body link="red">" 

<o<iRl-a WT i i£|*flw green (^TfSf) ra>hlsf!S Praloi Wl rg*ig^ ifRX, W I tr 

Color_Name "red" <fmRT i GsrfsfN^s <pxa href="http://www.bookbd.info"> 

BookBD </ax/p> <p> <a href="http://www.facebook.com">Facebook </ax/p> 

=Tft*T ^ f®TS^ fcofit Wt RGilG^ I (t*Tv3> t^T <RG*I<1 9 |<]<l4>k's Rais's ^5f1 G®1 1 0*S t 

ras?rrw%) i 

G-n^alSerlG^ <p^Ig=i Pigm f&G^-a Wbttra' l 



fBar : 'S.i.'S. 8 .i.L 8 .i (<body> rRig^tC ^ link 'oijlCSRSS <^KT) I 

W 


fi> ifl'ST i£|=T 6 




=w <^=1 (?r*IT ^ ct, C'Tc^f BookBD Facebook *tfw ct ^ <u^^t?r 

Wt ?.(.<! (.?, cbody link="red"> =Tf^# cw^Tf =Tt=T ^sj¥ £p#fts i 

Note : 

*) HTML 5 - "link" I 

*) HTML 4.01 Deprecated (w<riw) wt^?T i 

*) i£RT *1 Rise's CSS <U<lRt?r Wt CTtPs *Tfc?r i 

v.$.v.8.$.$.(t s text 

'ST3RT ! TC3T Ov^ll i£RT C 3 # WR 'SHT ^ text WliJRStjfiJ <U<I^J « I 

Value : 

text valueMK Color RRR4 Wt ^ i <£| : ?t>f5'i£|'5ri£|=T ^ ^t=Tt^ RrRR WT Rt¥ i 

1. Color name (^RrtR 4R Rpr RfW?r - cws "green, red, yellow"); 

2. RGB (Red, Greeen & Blue) Code - RGB *TR, cw g rgb (0,0,0) W 

3. Hex (Hexadecimal) - cw s- "#0000FF" i 

i£) l |^'i£l'5r^=T ^l=TtR RrR R lSM 9 R<l'«k's R~'iiR'a Wf ^C<IC5 I 

<body text="Color_Name ^«RT RGB_Code WRT Hex_Code"> 
text vulEjR&i’ 4W <u<i^hi ~^Tt s 
Hex_Code Wf^fw war 'QZ$<K*Km s 

ceffsffsrfR-q (p7.html) <body> $/*ka/'i> 4 text Wl$f^^ 4<r <y<7^/<7 / 

<html> 

<body text=" #FFD700"> 

<pxb>Note:</b> If using color names, different browsers may render different 
colors, and Firefox have problems if the attribute value is in RGB code (will not display 
correct color). </p> 

<pxb>Tip:</b> To produce equal results in all browsers, always use hex code to 
specify colors.</p> 

<p>However, the link attribute was deprecated in HTML 4, and is not supported 
in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> 

</body> 

</html> 








f& tq'sr ixi«t a R*oR-i<2- 

csflsttGr -'sc?rac 9 [tsf <u<i$ps sif^^ uJ^U 4<r ^>MR f^RR 1 ! <k<i grR rr "<body text=" 
#FFD700">" Rl^ 1 # <*mls WT ^giigs? i gold (GTHt^t) RMRfij Pi^loi RRT rg*ig^ ^r^^HR 
RR Hex_Code "#FFD700" RmRRRT i 

4Rr CRRfiS'Rt^wfR <ih WkR Pigm fowis RR Rt^S^ RtRR i 



fear = 'S.i.'S.s.i.i.e-.i (<body> tfRSRpS' link wllJRSU <ij<ir|-si rr gKI) i 
^RRRfikR rri <p<ic<n GrRRR <r, rRIgr ^rrrrrrrr itrrhr cRR^) rsj?r crRT 

<||GC^ i 

v.l.v.s.i.l.to s vlink 

Visited link RSjR 5 ® RR RE^ vlink. Visited link <j=ig^> (R W Pr?R ■'JR R»I«t5 WT rgags^/Hr 
WT R.*IG^, GT J 1 <P =1 f%°R <£R RtRR vlink 'RlCSPSiS <£|R RRRGT l^Rf <K <1 GRT RR I 

Value : 

text wlGSRSct! value/RR %rr Color tRRRR rrT rr i ^ f%Rs|R Rt=TR tRRRR rrT rR i 

1. Color name (RRTR 4 R Rr RJRRR RR - CW % "green, red, yellow"); 

2. RGB (Red, Greeen & Blue) Code - RGB RR, cw 8 rgb(0,0,0) WW 

3. Hex (Hexadecimal) - PW 8- "#0000FF" i 

ai^ijf&iiiRiiiR RRTR I rr <irg*i<i 9 I<i<i's1g'o R~^R'o RIg'iImT rrT ^g*ig^ i 

f*Ntwfw*r 8 

<body vlink="Color_Name R*Rt RGB_Code RRRT Hex_Code"> 

vlink 4iT Wf$W (TNlFTt ^FTt 8 

Color_Name '3Z$Wfl&fW fa fared \d 4W WlWlW ^Wt 8 

GfffflTR R-fr- (p8.html) <bodv> $/rg w 4 vlink Wt$f^d 4 <r I 

tya 


ix)®r a 

<html> 


wlrr-ia- 


<body vlink="yellow"> 

<pxa href="http://www.youtube.com"> Youtube </ax/p> 

<pxa href="http://www.twitter.com"> Twitter </ax/p> 

<pxb>Note:</b> If using color names, different browsers may render different 
colors, and Firefox have problems if the attribute value is in RGB code (will not display 
correct color). </p> 

<pxb>Tip:</b> To produce equal results in all browsers, always use hex code to 
specify colors.</p> 

<p>However, the vlink attribute was deprecated in HTML 4, and is not supported 
in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> 

</body> 

</html> 

c*mfk*r-'tr e r 8 

csTtstlW-foIerw^ f%^<p>i^(.R<i <K<T CFTTfa "<body vlink="yellow">" =Tt^# 

WT i ifl'sTfar yellow (3^f) Color_Name 

"yellow" i 

ifl’hT csrtsjfsil^" glSsjlw ^Ft I 


r 



Note: If using color names, different browsers may render different colors, and Firefox 
have problems if the attribute value is in RGB code (will not display correct color). 


Tip: To produce equal results in all browsers, always use hex code to specify colors. 

However, the vlink attribute was deprecated in HTML 4, and is not supported in HTML 
4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead. 


fBaj : 'S.i.'S.8.LL'J5.i (<body> $Rig»ig*u link 'oolCSRSU (FKf) I 


<Ss8 




f& ix)®r (t 

fucar Youtube Twitter c*r <5f*lt RR^, cw^rfa %t <7t*IT RR^ 1 Irmt ^rtsrat 

WfaRW G2MW <P>c-sif^.=ir5T I <3^ ^CE^, ^ f^rs^WT R»I®t5/(5»<P Wt ^#T I 

^fi?r f^<p‘i>'oit<i ^t®n?r '%r ^nw i ftw j i w ic<p wt^rat f®rs^ (tr 5 *^ Rafis'® 

WRRRT I 

^’(•T ^RRR %°R> ^?T CT C^K a)<p|lS<i (Twitter) ^S*|?r H 5 ^ 'il'^v t(*Rt¥ ^ C 9 ! erfiSt's f*FC?T ^Ttf^T I 
'sRC®T ^sftsRrT f*kt><i IBww ’ s R^ot Twitter %\<pf!S*i 9 |R<i^ (3®pr^Hfa) ’fRRT I 



fear = '0.i.'0.8.i.i.'!s.^ (Info'S ^sttR aR"^HR 9 rf^w i T) i 

^RRR ero - <mg°i (?f*R RRR CT, foferU wtR *RT Twitter C*PlT fw^fr RR=TR (%T) 5 #^f 

£Rrf*f® | 

Note : 

*) HTML 5 - "link" WlGjfaSG ttR^RRRRT i 

*) HTML 4.01 '»l J ic«s Deprecated (w<rfw) wwrwf^ i 

*) 9 |R<ic's CSS <u<irR WT CT^s ’IRR i 


<!se- 


ix)®r (t 


wtrr-iG- 



Your First Programming Language 

>1«0S? W^T?I >WI<1 


From Beginner to Professional 


wffiw e <7m« ctilojlfiiK irjT&zvw PHPt 

yl v Htt £NV *!JtS9CHW I Sf^fH w* CS/MIUM 

fkww yfa PHP MySQL <sn to fefbv 


am 






wm-8 


wiitfik 

(HTML Text Formatting) 


^ftSRft R>feti5 OT’ltW fafsjj (C®r*IT) CT^tos ’fit I Rfefj 

- u>9|I5g<p Plf»s|'»lc<l 3 TfWft*lT ^TIW I CWT ° C=T*ft^ C^l^ Wt, WtWt^=Tlt*T Wf, ’UfaWN 5 ' 





rrrr crrr r=tr 5 1§wt rrt, rRn®*'! rrt t®rrfR i rirrrt rrt RfttRtRR* '3Rtw ^ rw 

<PC<1C^, ®Rf WfRR - PRUR* 4RR faf®f| RtfRR 5 ' <2RR RRT RRR fRJf ®[R*tR Hh> RRT RtR I PW g "b" 
Rl^R HR CST^rtC^ Rt 1 ^ RRT, "Font color" RR^R (RR> Pif®s| RRRR PrIdr RRT, "Font size" R’lRR 
CRR CRRR ®TRRR 9 lf<i<i®*'i <p-?i f t,®j|f>i l ifl'G fRRRSRTt RRRRjT ^<PR, «M RRfR 5 ! 5,0=1 1 

'sn'^.c.isj»i j i<ptJ ^rtw tq pw rrwsrtt rrrt Hr* rrr rrr <p«fe, rr ^rir ■snH?rf% rrw t%tR f*rc«r rrc® 

RR I RRlWR RR faf®3 tPnw RIR5R RRR I <JJ<tRlc<t<l fw RR> 4RR tf^R^R^RR 5 ' RRR Plf®fj ®IR 
®R RRT 50*105 I 4RR RtRRt 4RR rPk.»I’ 5 j 1 WRR R~®|R® WtRRt I 

8 .$ 8 HTML Basic Text Formatting 

8.2>.!> s Heading (<hl> ($W_ <h6>) Elements fiftW vilwb'il 

RtRRt RRR RR-RfSiRRR CR=t*T C®TRt Rfw, CRRR %RR h'tRRtR RCR Rtf% 1 f^R= 0®R Pi '30*ml5oi>'3 Rf»fj 
Rin>t<P«l, CRIRj, 'SUtRRtR t®Tt%T ^RR t*tRtRtR RTR5R RRT 5R «TR, RR® RRR Rt^RRt 4R= WR 

< 3Rt iRRtIRgfiS RTRf fRS® RRR I RR 'SRRRRRR (*IRR Pi *10*1 pRRtRtR RJR5R Rll WWI ii|t]>ft>RWR ^R 

Ctfest^lR^' (<hl> CRR* <h6>) <11*15® 5R RR I ^ W RRRR (Sf^tpRRR; RRR I RRT 8 

i. hi (Heading 1) 

*. h2 (Heading 2) 

«. h3 (Heading 3) 

8. h4 (Heading 4) 

(t. h5 (Heading 5) « 

'Js. h6 (Heading 6) 

Rt^stR Heading 1 (<hl>) tPfRR> 4R f%®R 4R CRR 5 RRR RW RRRR £Rf*f® R=R 4R° 
RRRRftR ^ WR=R Rlt RC® ?ftR | Pom ^RlRRtRR RtRRR R*l*lfiS RlW RfRRRR R'SRt RtR> I 

CSTNPr R?-a> (p9.html) C$f&Z !> 4W RJRRR / 



^RR RlVlfiS glSerlR RR RRlRT fRRR RS®t £Rf*f® RR I 




ix)®r (t 





(plO.html) (gfwx 4W <7j<7^/?7 / 

<html> 

<body> 

<h2> This is Heading 2 </h2> 

</body> 

</html> 

^*1*? 31 Series *Tt*T <P"alc®l Prc&s 'STC^ot 1 



This is Heading 2 

ffes : (i£^f&V£rsri£r®f C^fw?, $, RplwC <imls 'TO' WtSIj’jS' 1 

csftsffir^K.-)} (pll.html) effix e> 1 4W / 

<html> 

<body> 

<h3> This is Heading 3 </h3> 

</body> 

</html> 



ffer = s.i.i.'s (WlTrfi^rsr'iK sjsRl^"^^3lSerics 1 

'JScS 


ix)®r (t 




C 2 ttstFr* 1 K-i* (pl2.html) 8 rn I 

<html> 

<body> 

<h4> This is Heading 4 </h4> 

</body> 

</html> 

ai^FT Tpi^oifD gl Series ^t*T <psIc°i Press ^ot I 



f£ar : 8.i.i.8 (4i%>fi>iir5ri£i®T C3fw° 8 sjsRt^"^^3lSerics ^ cw*lT) i 

C2ffflW*Rri'9 (pl3.html) C$f&K <t <4W <ij<i*,I* I 

<html> 

<body> 

<h5> This is Heading 5 </h5> 

</body> 

</html> 

ai^FT Tpi^oifD gl Series ^t*T <psle°i Reus ^ot ^TtSi?^ s^rt^fe I 



fear = s.i.i.e (i£^5fi>ar5ri£K <t $Rie»i'G glSwlw ^ 'ailSS^ ot?it) i 


C£ff£ffzr^-S8 (pl4.html) <&f&K * 4W sjs^/s / 

<html> 

<body> 

<h6> This is Heading 6 </h6> 

</body> 

</html> 

Ho 


ix)®r (t 

31 Series 3t*T Wft®T Rcu<l ^®T I 


wht-ie 


f rj fite:|//G:|W2§m 5i.-/HTML/Pragram5(h6.htirJ 

& Most Visited [j Minted [j QMtlUs i] Fra total ; : WindowsMartetpto WindowsMedia 

TUiiiHedingi 


ffer : S.i.i.'Js (Wl^fN'SM'T C^fw?, ^ $Plt»l*5 ^3 315 ®j| W ®13 | 

C£ffsft'sr^-}(£ (pl5.html) C$fe° <7j<7^/?7 / 

<html> 

<head> 

<title> The example of Heading Elements </title> 

</head> 

<body> 

<hl> This is Heading 1 - The largest one </hl> 

<h2> This is Heading 2 - The larger one </h2> 

<h3> This is Heading 3 - Larger than (h4,h5 & h6) </h3> 

<h4> This is Heading 4 - Smaller than (h3) </h4> 

<h5> This is Heading 5 - Larger than (h6) </h5> 

<h6> This is Heading 6 - The smallest one </h6> 

</body> 

</html> 

^£33 CSMtW $fac*(*5 (<hl> <h6>) 43 3J33t3 OTsftC^tT RMIt^ I 

43ft3 i rPiw'C (<hl> </hl>) 43 f%^3 "This is Heading 1-The largest one" 

3t^Wtt3 J i<m>c*i 3W Wt3tt3 3?3 I C^fws, ^ $Ri 0*1*5 (<h2> </h2>) 43 fs®3 "This is Heading 2 

- The larger one" C 5 T3t]jf^ 3t^Wft3 C^fws, i $Rig*i*5 33 C^f5 ®rT3K3 3£3 1 4®K3 

c*i3t3 ®rf3l3 c^lif ^03 wbTC3 i 

4*13 *pR°lfI3 3l^Sflt3 3t*T <p><j|c°1 ftcM 3£®t 3C3 I 



Si 


ix)®r (t 





^OT ^ftsrat ^ j i<p=i (Rule's *rtf^ i sr?f ^ct$, c^t*t cro 

C^>R C^%sj^ <lj<l^l'Sl <MG<d?? ^Jt !! ^s Pl*l*l<)<g<l ^pOT C^WS, $PlG»l*5 ifRT <U<lRl-a 

^c?r «OT> i c^t*t R«(ii<i'S<j sirr c 3 R s *R/f*ttRRTOT> c^sx i (<hl>) >£R ^rrt ^n*lt ^c?r sot* i '®fa 

t^c?r ^r (R^tOT* c^s, ^ (<h2>) $Pig»i£ i*rer ^rrt c^Nt ot' ^OT> i ^l?r cot's ixr^jf 

15%^*$ R^OT* c^fw?, O (<h3>) RplW'C <iR 'STC S 4I R^ff OT 5 dC^ 5 ' I ^OT 4*fltR =TO%T ftw ^C^, 
^fC?R GsTfsttR «mR wr (<h4>, <h5> i*R° <h6>) '3||$5 *|t> -^c^<r-3r t|«|R<p tCsiU i£R 

SRW® ^C^ I epic's PtOT' Rl CR, C^Rfi; ^PtR C^fw^ «[R C^tRfij *RRt®T C&W> | 

T®TW, RtF ^f®FT ^RfijRftC$T*R C^M'S RRRSf C^fw° RplCil-C IfRT <U<lRl-a 4R# , 8T E= ^Pf fRRTT I ^1^ 

C^fw^ ^PiwC <1J<1RIC<1 RRRR WT CTC's *OT I 'afR ^RR Rf»s| C^t*l 0 l J l^R ROTR “RTE l tf®R 

^ < li^t%®f*l J T” 4R?. “WlWtRW RfE ! |f®R '5f ! ll^rt^C®f*|*T” <f? ^'fDc's ’Rt 'S R~viifii'®'»lG<l ^5RT *RTt RGSIG^, 
CR8RT «[«pR^ 'oJTRRtR '3G{ml$t>G<[ 5 RtE ^f®R G^erlG^ %R 1RCR 'ail Re's *OTR I 

tRCE C^%° rPig^'C iflR «OTt ^R^ftf $Rt3RR <4R RlRJCR PiRflfiS rHg^ RfROT ^UT RP> ° 

C£ff£fft"*R-S'!f (pl6.html) C^f®\ $/«7CR*i>R^tf <7J<7^/?7 / 

<html> 

<head> 

<title> The example of Heading Elements </title> 

</head> 

<body> 

<hl> Web Designing </hl> 

<p> To learn or work professionally as being a Web Designer, you must have the 
knowledge of HTML, CSS & Photoshop at least. For further you can learn also 

</p> 

<h2> HTML (HyperText Markup Language) </h2> 




aRf fi> a'st ix)®r (t 


wlrr-ia- 


<p> HTML stands for HyperText Markup Language. Developed by scientist Tim 
Berners-Lee in 1990, HTML is the "hidden" code that helps us communicate with others 
on the World Wide Web (WWW). </p> 

<h2> CSS (Cascading Style Sheet) </h2> 

<p> Cascading Style Sheets (CSS) is a style sheet language used for describing 
the presentation semantics (the look and formatting) of a document written in a markup 
language . Its most common application is to style web pages written in HTML and 
XHTML , but the language can also be applied to any kind of XML document, including 
plain XML . SVG and XUL. </p> 

</body> 

</html> 

GSJlsfhfiSc'a "Web Designing" i (<hl>) <pg<i1R, ^>W-aR 

Wtf^T f*iwhN Rg^ <mg« i WtR "HTML (HyperText Markup 

Language)" A^° "CSS (Cascading Style Sheet)" ‘■flit T’fi* WtTr^TtTT ^ (<h2>) <pg<iR, ^1?T e f- 
aR C®T*IT ^TtPr "Web Designing" A^ Rg^g*! <mg^ t>tf^ I Wl*fT '3 5 R R*i$ifiS 

i 

A*!*? 3lSerlc<i <mIg°i Rgm I 



f&A : 8.LLb- (C5fw° i A^° ^ rRig^-u C^KT) I 

"Web Designing" C5f®\ i aH* I 

«Rjfw, "HTML (HyperText Markup Language)" A<R "CSS (Cascading Style Sheet)" 
T'fifc® C5f®° ^ Afi> gl^srtra C3f®° i a^ sRg'o R 5 R 1 c^jif i 

e w> 


fi> (Xl'sr 6 




8.2>.2>.2> g. Heading Sfawy <4 vulGjR'S'ij 4W gTgg/g 

S align 

Alignment ^f*T align. tw f^r*l Wfa WR align WllJR^ 


align WlG^^ct! valueAtH %jiw Rf»?( lw t^R^*f Wt «f1^ i 3£=Tf s 

1. left : fwfratw left 'oiiPiS ftNm wt «rt^ i left 'otlPi® glS®ri«< <Tftr fw cstw 

G&'s'ZR^Wi I 

2. right : right 'sjlRiS <u<]^lc?i 3lS©tlc<i?i wR tw (sfw?, ^T 2 " ^c<i i 

3. center : center C«lw c^fwe. ^T 2 " ^5T i 

4. justify : ftrcsr RltRlwr <mgR i c^Rt, c^sx ^Righ'C ^ CRM 

^T «rf i 

fVW s 

<hl-h6 align="left ^RT right center R«RT justify "> 


\MU> align <u<i^I<i ^ Tt s 


s left 

ceflsffsrtR-n (pl7.html) align Wl&fcSij 4 left Wf*f& 4WWW$W i 
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csMw <hl align="left"> ^ c^fws, ^ ^ <*rt ^ftr fw c«t^ 

£FtH® ^ i 

C^fSff&glSerlw ^ftt <p^lc=l PlCM fbM?l ^t®T wt^5'^ I 
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Left Alignment ◄ 

The Heading Text will be displayed as Left-aligned in Browser. 




feat : 8.i.i.i.i.i.i ('align 'aulGSfa'Sc.U left ®j|Ri® ®T^ ®i|$3*|t> gt^sftra C*KT) l 

iS’ 9 lE?Er f^M Left Alignment C5fw?I> <?(.<[> «rftraT 3t^Wt¥ ^ftr (Fr^lo® 'fttf^-C^Ht, align 
'0|jlG3RSt5 ^ valueMR left <u<iRfa WT rg*ig^ i 

8.*. 8 right 

ceMN *(Z-$tr (pl8.html) align WlftjfeSij 4 right Wifi'S gw <u<w,hi / 

<!DOCTYPE html> 

<html> 

<head> 

<title> Use of Align Attribute in HTML Heading Element </title> 

</head> 

<body> 

<hl align="right"> Right Alignment </hl> 

<p> The Heading Text will be displayed as Right-aligned in Browser. </p> 
</body> 

</html> 

cstWtOT <hl ahgn="right"> ^ c^fws, ^ ^ (?T*rt^ fw c«t^ 

£^rf*i® i 

iX)«ht CTS#a1®eTlw WR=T PlGM fbM?l 'SR^ot WftlW I 

* 


f& tq'sr ixi«t a 



fe : 8AAAA.O ("align 'awlGSRStS right Wtl®^ "^cir ^t?r OT*ltJ i 
^ttsET f^M Right Alignment Wt^rat 3ft^Wfa (Ffslffo align 

'oulGjRw.'iS valueATR right WT rg*ig^ i 

S.S.S.S.S.v 8 center 

csftsffsr^.-ii» (pl9.html) align WlfifeSij $ center ®77/%S‘ 4W <u<*%,ln / 

<html> 

<head> 

<title> Use of Align Attribute in HTML Heading Element </title> 

</head> 

<body> 

<hl align="center"> Center Alignment </hl> 

<p> The Heading Text will be displayed as Center- aligned in Browser. </p> 
</body> 

</html> 

W 

Cfiflsftw <hl align="center"> <n<r^:rc<r ^ ^ ^<r c=T*fli^ ^<r Wff c»rw 

sf p rf*f's | 

(£|*i*t c'fsrfij giS©riG<i ^t*t <p^it«i f*k&<i I&m<i ^rr®t i 


«Wi 
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Center Alignment 

The Heading Text will be displayed as Center-aligned in Browser. 




ffer : 8 .i.i.i.i.' 0 .i ("align WlGjRSct; center Wtf^ <imlxi 3l^erl w C^f 8 ^ l 

iS’ 9 lE?Er fucar Center Alignment ^hxil al^Wfa ara ^TWlW Oi’lC'a *ftfE^-(3 SJ RT, align 

'oulGjRw.'iS valueMK center WT rgxig^ i 

Note : 

*) HTML 5 - <alink> 'oulGSRSiS ' 3 TTC‘ ! Tf3 : ^C?T '=Tl I 

*) HTML 4.01 ii|#w Deprecated fsRtw) wwrwr^f i 

*) 9 |R<ic'» CSS <u<iRt?r WT < Tf^ i 

8.2>.$ 8 Paragraph (<p>) Element f*R3T ylwbil 

'ST3Rt 9 iC®f C^P*!!^ W'tr <p> rRiwC I 'ST3Rt 9 iC®ra' PlFsfj 

'ovft C 5 T s8 ttC s lf^l^' 'SHI 7ft 8 ft^ c T« <p> ^fqwofs <u<js>rs ^C?T I , UM£ft?P Rpltil-C iX)^ 
wr o 

csftm^o (p20.html) Paragraph Sfiiw 4WWH3JW l 

<html> 

<body> 

<p> This is Paragraph </p> 

</body> 

</html> 

iX)^ cettstprftj glSerlw WfC=T Pig&xi f&wio "SR^st 'ailSU^B' 'aihw l 



fear : 8.i.O (" < Ut^t4PF ^Pitn-G <u<irIxi I Series (^ft) I 

^ 


ix)®r (t 
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(p21.html) Paragraph / 

<html> 

<head> 

<title> The example of Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Paragraph Element </hl> 

<p> This is a paragraph. This is a paragraph. This is a paragraph. This is a 

paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a 

paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a 

paragraph. This is a paragraph. </p> 

</body> 

</html> 

CfiMw <hl align="center"> rPiw-C C^gl^stt^ 

I ■'Ut^lsfpp (<p>) rRim-o i£ra"5[W'f%f C 5 P ! tt RGHGt?, 

«tfR|3fpp '3||<p|w I 

glSerlGS ^t*T <p^lt«i f*k&<i [&m<i l 

j fle;///G:|Mi2@)n 5l.-/HTHLJPrograms/pl4.htiil "R 1 ~ C\ [ft- Google P| # 0 * 

j£| Most Visited [ j Getting Started . i Customize Links [ : Free Hotmal [j Windows Marketplace I I Windows Media [j Windows 

Paragraph Element 

This is a paragraph This is a paragraph This is a paragraph. This is a paragraph. This is a paragraph This is a paragraph This is a paragraph This is a paragraph. This 
is a paragraph This is a paragraph This is a paragraph This is a paragraph This is a paragraph. 

fear : (" , W^Wt 5 P RpiwC i 

8 ^. Paragraph 4 vulfijRS'ij <4W <7J<7^/5? 

Paragraph rRig^tC ^ '=uI5RS'5jij^gr<i <irrR j i w Ig«p R tRfftRT WT ° 

8.).*.}.) g align 

Alignment i£R Rsjfa® ^r < T WM align. < Ut^Wpp ifj?r fw fhw*i ^rfRT align wlCjRSiS '5R 

*!ITR 5 ' i 

Value : 

align 'aulGifakSc'G valueArt 7 t% 3 wf^f^'fwf^w*f wr^c?r sitR* i ^'St^TT^TT s 
<tv * 


i£rl^ fi; lii'sr i£|=t & «r*txlrr-i<t 

1. left : Rj<p= : 5'»Ic<j left 'sjlRiS wf i left <u<irI(.<i fw 

2. right : right 'sjlRiS <u<irI(.*i 3lS©tlw?i wK fw (FR^ ’fjt^Wfti 3 ' ^c<i i 

3. center : center gl ; 5'stlc<i<i ^tWRt c^R^ 9 lit^t£fftp ^T 2 " ^ i 

8. justify : C'tt^/^tti^^T c=t^ wpi -»i<icc>c^ 'sRpiT w^o# i 'sitwr (PFttwrt 

^Pt 1w (pr^> 'st^ ^?r £rf%j^ =rf^r ^t 2 " c^R^ c*fa «ti^ i 

<p align ="left right center justify"> 
align vulIyRSS 4W <u<i^hi <Ff*ft&TT ^Tt 8 
8 left 

csffstftr^-^ (p22.html) align WflSftSiJ c£? left wf*r& 4<r <7m/<? / 

<html> 

<head> 

<title> Use of Align Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Left Alignment in Paragraph Element </hl> 

<p align="left"> This Paragraph will be displayed from left to right in browser. 

</p> 

</body> 

</html> 

<hl align= "center "> FFRTFT ^ c^fwi tftrwJ i£rt Fo^<i i£rt (ppflt^ >n<T 

^tWPt (PR^ £pTf*Fs '5FT I ftR^ 9 lTt3WT¥ rRiw'G 4 left-alignment ^t<fp <p align="left"> 

^ ■'ftt^Whp ^Pitai*5 ^ 1%^5?r ^ c=r«ri5^ ^ftr fw <pR 3> £prf*Fs ^ i 

CfifftfTs# glSsrlw ¥t*T <P<llc®l fttos fuCSRT ' 5 R^®t «Tt^tb3t> ^TPR^ I 


HP 
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fear = 8A.O.i.iA ("align WlGjRSct; left Wtf^ glSerlw (^It) i 



CsffsfpriR-^y (p23.html) align Wl$R^ <4 right <u<ii‘l<i / 


<html> 

<head> 

<title> Use of Align Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Right Ahgnment in Paragraph Element </hl> 

<p ahgn="right"> This Paragraph will be displayed from right to left in browser. 

</p> 

</body> 

</html> 

C^5"Ru i l'-'^ e t 8 

^RRRT csMw <hl ahgn= "center "> ^h^RRT ^ C5%° isrt f^?r ^<r gl^wt?r *4^ 

^rWRT C«R3> 2Rrf*f« ^ i ^<T fhtb $Pk.*i* 5 ifl right- alignment <p ahgn="right"> 

^t^r^ ^ ifi^ Rpitii-c ^ ai^wt^ ar?r wrtIw c«tc^ 2^#^ i 

iXl^Rt (£TWNt> 3lSerlw Hftt WR^T f&wis "SR^st 'adSU^B' WbtW I 
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ffef : 8.i.^.i.i.O ('align 'sijlGSRSuJ right Wtf%^ "^CIT ^t?T gttSwR^ OT*tt) i 

2 center 

CsTNPr^-^8 (p24.html) align 4 center Wlf*l& 4W <7j<7-?/<7 / 

<html> 

<head> 

<title> Use of Align Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Right Alignment in Paragraph Element </hl> 

<p align="center"> This Paragraph will be displayed as center- alignment in 
browser. </p> 

</body> 

</html> 

c^rtsftw <hl align= "center "> <u<iRlc-fi ^ iirt fw i£rt 

’IIW C*RRP 2^#% ^ 1 ^ ’tlfatsfpp 4 center-alignment <p align= "center "> 

^ tff^ *RM£|pP rPi 0*1*5 ^ ‘SfWK CSRRF SRtH's I 

C2fWsrf&3lSetlw ^t*T f*kb<l fbM<l ^R^T I 

Vi * 



f& tq'sr ixi«t a 



fbsr : S.LR.Li.o.i ('align 'sulGSRw.U center Wtf%^ "^cir ^t?r ot*ITJ i 

8 justify 

csnm ^p25.html) align W0W^ 4 justify m i 

<html> 

<head> 

<title> Use of Align Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Justify Alignment in Paragraph Element </hl> 

<p ahgn="justify"> This Paragraph will be displayed as justify- alignment in 
browser. All the lines in this Paragraph will be shown in equal. This Paragraph will be 
displayed as justify-alignment in browser. All the lines in this Paragraph will be shown in 
equal. This Paragraph will be displayed as justify-alignment in browser. All the lines in 
this Paragraph will be shown in equal. This Paragraph will be displayed as justify- 
alignment in browser. All the lines in this Paragraph will be shown in equal. This 
Paragraph will be displayed as justify-alignment in browser All the lines in this 
Paragraph will be shown in </p> 

</body> 

</html> 

Cfiftsftw <hl align= "center "> <ij<irIg<i ^ rPig*i* 5 t£RT ixi¥ (^fl^ 

^ i <*RT ’fMfsjW rRig*i*5 4 justify-alignment ^ <p align="justify"> 
<1J<1RIG<1 ^ ^ rRig*i* 5 f«\a<i C*fa ■'T^S’TSFt'T I 

b-R * 
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CSlMyfif glSerlw Wft=T f*kb<l fuCJRT ' 5 R!«t ^FPW 
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Justify Alignment in Paragraph Element 


This Paragraph will be displayed as justify-alignment in browser. All the lines in this Paragraph will be shown in equal. This Paragraph will be 
displayed as justify-alignment in browser. All the lines in this Paragraph will be shown in equal. This Paragraph will be displayed as justify-alignment 
in browser. All the lines in this Paragraph will be shown in equal. Ibis Paragraph will be displayed as justify-alignment in browser. All the lines in 
this Paragraph will be shown in equal.This Paragraph will be displayed as justify-alignment in browser All the lines in this Paragraph will be shown in 


fear = ('align 'aijlGjfa'SuS justify Alfa'S 3l'S®rlw C*p*tl) I 

Note : 

*) HTML 5 - <align> Wtlgf^ , 

*) HTML 4.01 Deprecated (A^lw) cyt^TfWT^r I 

*) <*rer CSS <u<iRl-a Wt *11^ i 

8 .}.*.}.* g style 'ouldiR'Sfc 

HTML ^ C<FH (Inline CSS) straffi Wt?T style WlGjRSG 

wt ^c?r sTfcF i 


Value : 

style 'aulGaRSu> valueAfK few CSS sf 9 !# 'Q '»jlPivS ^?r i CSS j i w Ig<p ’ifibj'f «iR>'S8'o| 

'SHi c^r^tc^r (o) wtw fw” i 

ffiytwftws 

<p style="CSS Property: Value; CSS Property2:Value2; CSS Property3:Value3;"> 

CSS Property:CSS Value c^M*t <u<iRt?r <p<ic'o ^?t (isptW 

'Q strwt CTfer-c^H*t fe?r ^?t i 

style (TNlFlt 8 

CSftm^-W (p26.html) ‘WT&Wtfoww ^T^rwiQf<i^ 4W wnl* I 

<html> 

<head> 

<title> Use of Style Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Use of Style Element </hl> 
V'O 


f& tq'sr ixi«t a ’wfsr-ict 

<p style="color:red;"> This Paragraph will be shown as Red color. This 
Paragraph will be shown as Red color. This Paragraph will be shown as Red color. This 

Paragraph will be shown as Red color. This Paragraph will be shown as Red color. This 

Paragraph will be shown as Red color. This Paragraph will be shown as Red color. This 

Paragraph will be shown as Red color. This Paragraph will be shown as Red color. This 

Paragraph will be shown as Red color. </p> 

</body> 

</html> 


csMw <p style="color:red;"> ^ f^o?r isrt (^fl^ 

=Tt=T i 

CSfWsrf&SlSerlw Idwis l 



fBar = sa.o.O ( ,< 1Tt^WN r rPicncC style 'oulCSRSiS ) i 

CslWPr ( p27.html) *mwt£TlW vijifjjffisfc 4<r <y<7R/<7 / 

<html> 

<head> 

<title> Use of Style Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Use of Style Element </hl> 

<p style="color:red; text-ahgn:center"> This Paragraph will be shown as Red 
color and Center- aligned. This Paragraph will be shown as Red color and Center- aligned 
This Paragraph will be shown as Red color and Center-aligned This Paragraph will be 
shown as Red color and Center-aligned This Paragraph will be shown as Red color and 


b-8 


f& tq'sr ixi«t a ^oirr-ict 

Center- aligned This Paragraph will be shown as Red color and Center-aligned This 
Paragraph will be shown as Red color and Center-aligned </p> 

</body> 

</html> 

C£fl$ttw <p style= "color :red; text-align:center;"> <n<r^:rc<r ^ ’irt^lslpp i£RT 

(^fl^ ^|v5®tlw «tK ‘sfWK esfcF ^ i 

CSIM^ 3lS©rlc<l <P^lt«1 f*k&<! fbM<l I 



8.J.OAA ^Rig^c'C style Wt gl^sft w C'KT) I 

csftm^b- (p28.html) i fTfWffifW W 770 «SiJ 4 <T <7; <7 nln 1 

<html> 

<head> 

<title> Use of Style Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Use of Style Element </hl> 

<p style= "color :red; text-align:center; font-size:20px;"> This Paragraph will be 
shown as Red color and Center-aligned & the Font size would be larger than normal. This 
Paragraph will be shown as Red color and Center-aligned & the Font size would be larger 
than normal. This Paragraph will be shown as Red color and Center-aligned & the Font 
size would be larger than normal. </p> 

</body> 

</html> 


b-<? 
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^RRRT CfifWlw <p style= "color :red; text-align:center; font-size:20px;"> ^mRRT <£$ ’fMHW 
S.Ptot'G R>'8 «i ^ C'T’fl^ ^iSerlw =Tt=T ^TR^ i£RR gt^Sffa ^ WIH C«RRF SFfWs ^ i£RR 
Rs'ow^ uSstU ^ $o f*R^=T I (Font rRiwC f^?T «ftWT <i5«i<i 9 l<i<i'slc's ^dwluir 

+*w\ i 


C2|1$N^ glSerlw ^Ft <mIg°i Rgm f&c^-a "SR^st 'ailSU^B' i 
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Use of Style Element 

Tliis Pai asj aph will be shown as Red color and Center-aligned & the Font size would be larger than normal. This Paragraph 
will be shown as Red color and Center-aligned & the Font size would be lar ger than normal. Hus Par agraph will be shown as 
Red color and Center-aligned & die Font size would be larger than normal. 


f£sr = s.JA.JA.'S (’ijfaWfaF rPi <■*!<■'*» style 'oulCSRSiS (?f*1T ) i 


csffsfpf 57\-^S) (p29.html) tfTff&fPF -£/$=7 4W <u<i%.l$ / 

<head> 

<title> Use of Style Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Use of Style Element </hl> 

<p style= "color :red; text-align:center; text-transform:capitalize;"> This Paragraph 
will be shown as Red color and Center- aligned & all the 1 st letters of every words will be 
capitalized. This Paragraph will be shown as Red color and Center-aligned & all the l s1 
letters of every words will be capitalized. </p> 

</body> 

</html> 

CfiMw <p style="color:red; text-align: center; text-transform:capitalize;"> ^ 

■'UMSftrp ^ Iwos ifRT 3lSerlc<l =Tt=T ^HR^ ^ ’srHWt C^R^ 

fa'ows 'S'?rtw/*RR f r^ sfsfsr ^^<1 W Rlc^»<r ^ 1 

3lS©rlc<i f&wis "SR^t ^tPR^ 1 




ix)®r (t 





fear : 8.LOA.8 (RtRRR rPiwc'C style wrf§f^t> RR5R RR ^ 3l^®rl w ot*IT) i 

8.iA.i.v 8 dir *UlIlaR$i> 

Direction >4<T R?j%^ dir. (RR rRiwC R fe-sc<i<i <piu>* 5 i£Rt fw fRR*t WR WR dir 

'oulCjRSiS RW l 

Value : 

align value/RR Irc^m ^ fw fRR*T Wt R?R Rw I R?Rf § 

1. ltr : Rj^'stw tRRft WT «ftw i ltr 'ojlPiS RRRftR glSsrlwg RtR fw CRR C=TRt 'SR^ 

2. rtl : rtl Wtf%^ RRRRR 3lSerlc<i<i WR fw (RW (RRT R?T I ^FRs RR%, ^ (RRR 
c*spM ^ 'sjlRlS <u<!RR WT R?R RfW I 

(FNlwftmg 

<p dir="ltr R«RT rtl"> 

dir Wlfiffi&i' 4*T Wf$W (TNtFTT ^FTt 8 

8.)A.>.u.> 8 ltr 

CsflslPr*R-\3o (p30.html) align Wt$f^^ 4 ltr 4<r <umln I 

<html> 

<head> 

<title> Use of Dir Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Left to Right Direction in Paragraph Element </hl> 

<p dir="ltr"> This Paragraph will be displayed from left to right in browser. </p> 
</body> 

</html> 


vs 




ix)®r (t 

5 tfM£|frp ^Pitai-G 4 Right to Left Direction ^<fte <p dir="rtl"> ^ *tJM£|frp 

RpKX'G liRT (iRt CsT^tl^ al^wfa ^T*r ^ i 

'fl'*l*T CSfWsrf&SlSerlw ^t*T <^10=1 f*k&<! f&M<i "SR^t ^ft 3 ^ I 

file://fG : /MiZiSnSi.-fHTML/Progr ams/p23.htinl e | |3"^* /| ft 0 * 

Most Visited Gettiog Started Customize Links Free Hotmail Windows Marketplace Windows Media Windows 

Left to Right Direction in Paragraph Element 

This Paragraph will be displayed from left to right in browser. -4 

f£sr = ('■'trt^WFp rRig»ig£ dir 'sulGSRSS <D<i^.t?r^ s c?r^l?r'srt®B , t(5'3lSeriw i 

8.*A.*.VA o rtl 

ceftm^-vii (p31.html) align Wl$f^^ 4 rtl vslIh'S <*)W <v<w,l<i / 

<html> 

<head> 

<title> Use of Dir Attribute in HTML Paragraph Element </title> 

</head> 

<body> 

<hl align="center"> Right to Left Direction in Paragraph Element </hl> 

<p dir="rtl"> This Paragraph will be displayed from right to left in browser. </p> 

</body> 

</html> 

csMW ’firarsfW t£i Right to Left Direction <p dir="rtl"> <UF5JFf 4?; ^ 

■'UMsftrp fsw ^ c®T , fl^ ,gl^ft?r ^ fw i 

C2fWsrf&3lSerlw ^t*T PtDft f&M<l I 


Mr 


ix)®r (t 


wtrr-ie 



^wl'G 3 W0t^57T^ ^tWt'Q < UM£TN r ^.RiwC ii) 'oilwl ^apoKr «IJ|G3RSU «ttW I ‘‘iWsfos 

wPrat ^'Q'c 5 fi?r i 

8.}.v 8 *7 «T C*FT (&nbsp;) <4W 

iH l !vf5''3' s M®T ^ C^f*T C’ a *PT ^ 5 1^f/ 5 t*T i: ft' WT ^?T *TT I HTML (flf'ttGw C^K ^(.ai^/GStWsr 

(PT’tfa ^PTCT C^PT <U<JRt^ ^J=T'S, 3lS©rlc<l C.<P<1 < =n ^TtW C^PT <U<Rfa “W Wt ^Tt?T I 

C^n^- C’°’I 3 T wrf^ (White Space Collapsing) C^Mt^ c^PT if^r ^rt ^?T i ft cos 
(PHf^ l 

csffsflw^-^ (p32.html) csffsfm C^Pf <4W <u<w,ln / 

<html> 

<head> 

<title> Use of Non-Breaking Space </title> 

</head> 

<body> 

<hl align="center"> White Space Collapsing! </hl> 

<p> The browser will show only one space instead ol 

using extra spaces in HTML Editor. The browser will 

show only one space instead of using extra spaces in 

HTML Editor. The browser will show only one space instead ol 

using extra spaces in HTML Editor. </p> 

</body> 

</html> 

vp 


i*rtR f& tq'sr ixi«t a ^RitR-i®- 

^r^rr csrtsfN^s w <p><k.®i crRT RftR cr, rtirmr 5 ' rRiw'C ^r f«'s«i 4R> '3Rtw crw ^jrt '3Rtw ^r rcrt 
RC-W^PT f <U<!RtR WT RCSIC^, f%¥ glSerlw CRRRRliR 'flRsffr RRR (T’RR fifRpfio RCR I 
iflRR CRMR^ glSerlw RtR Wt^T PlGM f&wis RtfoT 'rI$5*|T> 'rHcr I 



fear : S.i.'D.i ('CfifWIW 4R?t1W (T’RR <U<lRRRRR''stR ^l^jR^I'Serlc*! (PtRT) I 

^Rr ^ ^tr^t crw c 5 ^ 'RIriwr gsmcr RR-<gf%° (T’Rr (&nbsp;) ^r rjrrJr <psw> rcr i ^ 
i‘l^|>|i>i£|R‘i‘l®r ^R CRtR tJtPT/rPioi^ RR, ^fikR HTML Entity R®Tt RR I ^RR ^TftRT 'o(t*l<P Entity 
'STRRtRW <U<1RIC<1<1 S|ctiler*i RR I RRRstos ^RtRRt ^ P~^f<i\a WPTCRT I 

4RR WtRRf CSPSTRPT RR-GgfRS, (T’RR ^R RTRRtR CRRSRT ° 

esnsTfc^-'O'S (p33.html) csWtOT & nbsp; 4R RTRRTR/ 

<html> 

<body> 

<p> S &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; P &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; A &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; C &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; E </p> 

</body> 

</html> 

iXlRR catMRftj g1*3e?lc<l RlR WRPT Pgm fKRR RtfoT ^Tt®S*|T> 'RhtR I 

f - fej.ffi W» S.-HHfta y awwi«a.tw 

* Itetfetod T 6eCrg Stated ~ Moncelrts r FreeHoM ~ WifasKattjto , " WrtwIMi 

SPACE 


ffrR : S.i.'S.R ('CfifWRR' RR-(gf%° (/’’RR ^Rfi^ RJRRjR RRR Rt^WlTR CRRT) I 

cJO 



ix)®r (t 




csffsffsf (p34.html) czffitur c^Pf gw <u<j^i<j / 

<html> 

<head> 

<title> Use of Non-Breaking Space </title> 

</head> 

<body> 

<hl align="center"> Non-Breaking Space Entity! </hl> 

<p> The Non-Breaking Space Entity creates extra space for displaying in 
webpages. </p> 

<p> The &nbsp; &nbsp; &nbsp; Non &nbsp; &nbsp; &nbsp; Breaking &nbsp; 
&nbsp; &nbsp; Space. </p> 

</body> 

</html> 

%*R33 CfiTtsTN^s <MG°l (Pf*fT 3R3 (3, R'olii $PlG»l£ ^3 Rs'ow '3 5 'a'9TPTf *PT-(3f%° C^PT 

(&nbsp;) <u<iRl-a WT rg*ig^ i ^'Q^tT 5t^WR3 c^PT fraf?T <p><ig<i i 

ixi«Pt csrwprfS' 3iSeriG<) <rPt wrpt Pgm fucaRr ^ hg^ i 



fear = s.i.'D.'S ('csfWRPt *pr-(gf%^ (TM^r 33 3]f£wR3 (PKf) i 

8. $.8 8 *Tfcr (gg; (<br />) Element f*R3T ylwloil 

c^psT 33 ^ot ®rTt*t (SpR'S wt ^?r *R i aitt>f5w5riii®T srft't <3^ 

(^ft-(3p3 CSR3> Enter 3lt>*T C^PT Wf) WT : 5£ 5 T'3 g1^StR3 <ij<i^|<i ep^J Wf 3t3 «TT, 

(3^PM 3^fi> C’S'pT ^ <u«qsj3 WT 3t3 I (PPPT ° ^Ttf^T 3f^ iX) l lt>f53' 5 ra|=T ^3 ^PtRPT ^fwT f%*R^s 
31^, 'SW WPTR3> f^RM 'SR^ot C5JM3 %«R^s ^!3 I 




ix)®r (t 




atm**** (p 35 .html) csftsft&r *fl$sT i 

<html> 

<head> 

<title> Use of Line Break Element </title> 

</head> 

<body> 

<hl align="center"> Line Break Collapsing! </hl> 

<P> 

My Bonnie lies over the ocean. 

My Bonnie lies over the sea. 

My Bonnie lies over the ocean. 

Oh, bring back my Bonnie to me. 

</p> 

</body> 

</html> 

/%*/■- W 8 

G2fl$l1 bilk's ‘MG 0 ! C^*lt C*T, rR|G»|£ 4^ fwotS 4^t1w °Tft*T <U<Rt?T Wt RGSIG^ I 

fw ^ <p-alc<=i cgf%° ^ht<i ^rt, =rfl7T cgf%° ^f^ 9 ifk's c^rsrtw 

C’ a9 bT Wf I 

CSTtsTPri^gliSetlw ^t*T <mIg° 1 f*k&<l f&M<l I 



fe : 8.L8.i fG2MW =Tft7T G3^ 1 sfa C*Kf) I 

cslw> '5% C'TCs «IWW C0Mw °Tfl7T (2p> Rpitii-C (<br />) <u<iRl-a <Mt's ^ i 

wPrat (m^ =rft*t rRiwC ^ <ij<i«h ° 

^ * 


f& tq'sr ixi«t a 

czffifir (p36.html) csffsftor *rfcr gs<f Sfawfc i 

<html> 

<body> 

<p> Line Break <br /> Line Break <br /> Line Break <br /> Line Break <br 
/> Line Break <br /> </p> 

</body> 

</html> 


3lS©rlc<l f*kb<l f&M<l ^5t I 



<html> 


<head> 


<title> Use of Line Break Element </title> 

</head> 


<body> 


<hl align="center"> Poem Writing using Line Break Element! </hl> 

<P> 

My Bonnie lies over the ocean. <br /> 
My Bonnie lies over the sea. <br /> 

My Bonnie lies over the ocean. <br /> 
Oh, bring back my Bonnie to me. <br /> 

</p> 

</body> 


</html> 



<50 


f& tq'sr ixi«t a 

^tEsET (mhlkvs W <MG°1 (5f*tt CT, ’tJM£fT¥ rPiw-C iX)¥ fo'ow WST^Tf “Tl^T (2P> $Pl(»'G <1J<1R|<1 

WT RGXIG^ I 'XI'ST^Tt 3lS©tlc<l iXR# <&% -i^- pfl^T <PX1G<I I 

'X)'*I*T csfMsrf&^lSerlw ^t*T <p^1c®i f*k&<i Idwixi l 



f£ar : s.i.s.'a (WK?r^ G3 ^rPig*i£ <u<Rfa^^'^'=rt^^^'SeTiG<i ot*IT) i 

8.S.C 8 Preformatted (<pre>) Element ft&T ylwlwl 

c0Mw •H-gfas, (tm^t “Tf^r <g^ <p><jc^> <mg« ixi^fw rxig^t '^raisr^ wrt cwr^t i 

R*ixif5 ^c*s<p ^ffW=Tt^ 'S i ixit ’TsPUt C?f^ ^f5= C*fC® <pre> RRic»i£fiS <u<isH WT CT^o < Tf^ i (Xi^ 
^RlG*^ 4<T fwac<l<l C^PT 'S =rft*T <3^ 31 *S®tIg<] £ f p rf*f'» ^T I <U<Rfa C t r'*ltC : Tr 3£®TT ° 

<&tstFT*K-vir (p38.html) csffsft&f 1st- <m a/j/ciJ ^ Sfitwv tfWW^IW l 

<html> 

<head> 

<title> Use of Preformatted Element </title> 

</head> 

<body> 

<hl aHg,n="center"> Count each Space & Line Break using Preformatted Element 

First Line 

Second Line 

Third Line 

Fourth Line 

</html> 

S>8 


</pre> 

</body> 


f& tq'sr ixi«t a 

<p^t«i (THt CT, 'STKW-'oTHW ®iIr(.*i C^r^tt ifi^ 2tf%1^ =iIrci 

cist's c^pt <u<iRt?r wr rg*igr i ^ <p^c^'5'®c s iic<p ^t-^rtoicb®- ISim - ^ c®r*iT?r ^ 

2tf%fi> =Tt% <a^ 'S C^PT^lSerlw 2pff*fts I 

ifl’PT csrtsrpti^ glSerlw ^Ft WRPT PlGM f&M<) "SR^st 'adSU^B' '3|hw I 



tsar : 8.i.(?.i (teTfsftwIsMMaulc'S^ rRiw'C <iml*i Wt^ ! l5' l 3lSeTlG<i (PKT) l 


8 .S.to g Font (<font>) Element ylWlMl 

, oc?RC*iE5j?r ai*r ^HPr, Rf«fj ^tw wfa w*tr ^ rRiwCI^ rc?t sriw 5 ' i 


8.y^b.i g. Font 4 vulSjRISi! 4<r <tj<t^ 

Font rPiw'C i£| <u<ir\s « 

S.i.to.i.i g color 

^ 'aulGjRSU <ij«]Rt?r^?r ct>w> ^ ^prr^ R^i<i i t/ , 5 iR<ivs^ <p<i| ^ i 


Value : 

color wlGSRSct; valueArPt Color f^Fr*! wf R?r i a^f&arsrifior ^ f'oi'otw fp^k c f wf 
^rfrr i 


1. Color name (^HPr ^ «rpr - cwtg "green, red, yellow"); 

2. RGB (Red, Greeen & Blue) Code - RGB ^Fl*T, cw g rgb(0,0,0) <imt<r W 

3. Hex (Hexadecimal) - W g- "#0000FF" i 

iii : l^'i£i'5isT ^Hi?r f^c?r <irc^i<i 9 i<i<i'slc's ^riwi&^r wr rg*igr i 

ffiytwftwg 

<font color="Color_name '5PftT RGB_Code Hex_Code"> 
color Wf$W OHtWt ^FTt g 

c5<? 




ix)®r a 

Hex_Code <u^ln fl?w> <4W WlWlW ^Wt ° 

CsrtslPr*R-\3b (p39.html) <font> Sfiwv 4 color Wl 4W wt'lu I 

<html> 

<head> 

<title> Use of Color Attribute in HTML Font Element </title> 

</head> 

<body> 

<hl> Set Text/Font Color using Hex_Code! </hl> 

<font color="#FFA500"> This Font/Text will be displayed as Orange Color. This 
Font/Text will be displayed as Orange Color. This Font/Text will be displayed as 
Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text 
will be displayed as Orange Color.</font> 

</body> 

</html> 



CSTtsflw ^ Wfa 1 sf*tr <font color="#FFA500"> ®rR*if5 <u<Rt?T WT I 

Orange (<pii=ir) rg*ig^ ^ W*tr Hex_Code "#FFA500" <n<iRt?r 

WT i 

tS’ 9 lE?Er C’twfij ^I g 5 ! Pigm ^®T l 


: 8.L'Js.LLi $Pig»ig* 5 color 3l^erl w I 

cS'lS 



f& tq'sr ixi«t a ’wlsr-itt 

Color_Name <ui^hi WMlW ^Wt ° 

csffsffzr *7?-8 o (p40.html) <font> 9p\w i> 4 color Wl$R^ <4W w*,ln I 

<html> 

<head> 

<title> Use of Color Attribute in HTML Font Element </title> 

</head> 

<body> 

<hl> Set Text/Font Color using Color_Name! </hl> 

<font color="Orange"> This Font/Text will be displayed as Orange Color. This 
Font/Text will be displayed as Orange Color. This Font/Text will be displayed as 
Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text 
will be displayed as Orange Color.</font> 

</body> 

</html> 

G2MW wfa 'SHi <font color="Orange"> =Tt^# <p<mI 

'SHI Color_Name "Orange" wra wf i 

c 9 TSi1^'3l'5©ilc<i ^t*T <p<j1c=i Rct?<i "SR^ot I 



fe : rRiwc'C color 3l^erl w OT«tt) l 

M 



ix)®r (t 




8.).b.l A s face vUlER^ 

Rfosl <m*i<i cw :- Arial, Calbiri, Courier, T im es New Roman ^I#t ^T^RT WRT ^TT 
SpIG^ ^ ^ 'aijlGjftiSU i£)^ ^C?T ^TtW I 'W^>/QyW> ^ ^?T I 

Value : 

face 'oulCSRStS valueMK Rfcsi w» ^?t i Rf«s| <u<rIg<i *f^/uSsi 3 ^ Rfcsi 

^c?r «itw i 

<font face="Font_Name"> 

face 4*T Wf$W (TNtFTT ft 8 

osffsffif *!\-8 S (p41.html) <font> <?/*7Wt> 4 face Wl$f^^ / 

<html> 

<head> 

<title> Use of Face Attribute in Font Element </title> 

</head> 

<body> 

<hl align="center"> Set different types of Fonts using Face Attribute !</hl> 

<font face="Times New Roman"> <p> This is a paragraph, shown in the T im es 
New Roman font.</p> </font> 

</body> 

</html> 

C^S'^ZH-Wt 8 

csftsftw C*PT «ull33RSu3 RtJiw "Times New Roman" I 

C*l^j|i> 3lSej|«i ^t*T <P-alc®i Rct><i "SR^ot aprWo l 



fer : S.i.'Ja.i.O RRiwt-C face Wtf§f^§t> OT*IT) I 

<?V 


f& tq'sr ixi«t a 

CSttm^RS* (p42.html) <font> if? face / 

<html> 

<head> 

<title> Use of Face Attribute in Font Element </title> 

</head> 

<body> 

<hl align="center"> Set different types of Fonts using Face Attribute !</hl> 

<font face="Arial"> <p> This is a paragraph, shown in the Arial font.</p> 

</font> 

</body> 

</html> 

GStWtesr '0(jlC3RSu5 Irmw "Arial" <p^SfiS <u<iRt?r rgsigr i 

tS’ 9 lE?Er C‘ s Tstf& glSsjlw <psIg«i Pigm £ t p rW» '$£3 I 



fBar : Rpic»ic*i5 face 'oulCSRSS <ij<iRt^'^^'«1^'=rt^ < 2[5'3l'5eilc<i i 

8.y^t.i.9 s size 

'8t^Rt: 9 Rjsf cSsiS ^ 'Sr*tr *p*c rRiwC ^ 'oolCSRSU <u<ir1^ rg*i 

i 

Value : 

size «ulG5RSu5 value AfFt Irgjig^ R?r I 'srK 1 c$ft/R 7 ^Nsr^ sfR^ ifR 1 ?, 

3l*5eilc<l ifRT Tt^tfw ’SFl'TRC^ "3" I 





f& tq'sr ixi«t a ^oirr-ict 

<font size="l-7"> 

size vullyR'Sb <g W gTgffif (FNtfstt ^ Tt 8 

Gsrts)Pr*R,-8'3 (p43.html) <font> Sfiiw 4 size Wtt 4W <7j<7-?/<7 / 

<html> 

<head> 

<title> Use of Size Attribute in Font Element </title> 

</head> 

<body> 

<hl align="center"> Set Fonts Size using Size Attribute !</hl> 

<font size="5"> This line should be displayed larger than normal size. </font> 
</body> 

</html> 

Gstwtcsr 5 wt rcxic^ i arc^s giSeriw 

Tpif iart ara u Re's R>^5| oi^lT i 

3lSej|«i ^t*T <p-silc®i "SR^ot l 


list of Size Attribute in font llemcnl Mozllld Firefox 



fear = s.i.'is.i.'S.i size 3l^wft^ ci^fT) i 

ioo 




f& tq'sr ixi«t a 

ceffsfM ^K-88 (p44.html) <font> $fitcw 4 size Wl$f^^ <4W W / 

<html> 

<head> 

<title> Use of Size Attribute in Font Element </title> 

</head> 

<body> 

<hl align="center"> Set Fonts Size using Size Attribute !</hl> 

<font size="2"> This line should be displayed smaller than normal size. 

</font> 

</body> 

</html> 
c^>r5fwz x t-w c f g 

^tEsET CfifMfW ' 3 TTt®f 'aijlGjfaw.'S liRT 2 <U<lRl-a Wl I ifTtfo ^C?T 

i£RT Tletfw (Tr^lt I 

<pfilc s i Pigm "STUoT Wt^S' , j5' i 



fBar : ^Pi 0*10*5 size 'oolCSRSU <ij<iRt^^^'«1^'=rt^ < 2[5'3l'5eilc<i i 

Note : 

*) HTML 5 - <font> ^Ritai-G 'Q ixi¥ «ij|G 5R\S'5 i 

*) HTML 4.01 *TO' Deprecated (^Rfw) i 

*) ^ 9 lR<icvs CSS <u<Rt?r wT i 

ioi 


ix)®r a 

8 HTML Presentational Elements 




t£) : ^f&t£i'srt£i®T ^ 'oiiftw i sht i£)3^r ^c?r «nw i pw °- 

(^Itc^ CTl 5 ®' WT, «rfwt^Tt^T ^t, ^sTlfr I 4 Rpn.»m<p Presentational 

Elements ^TT I $Pk.»i*G i 

8 A.* o Bold <b> Element 

cpr^ltc^ crt^s/TTv ^?n?r 'St J tr ^ rRiwC ^ <u<Rfa ^c?r i 

<imN C'HIM ^c®rt s 

(&tm*R-8<t- (p45.html) esMor <b> Sfiwv 4W IWhl t 

<html> 

<body> 

<b> This is BOLD </b> 

</body> 

</html> 

3lSsj|«i ^t*T ^Ic 5 ! Rcd< 1 "SRPot «Tt^5' , j5' fifrfPN'^C^' l 



ffef : 8.0.i (<^5 rRiw-C OT^tt) I 

Csltstt^^-8^ (p46.html) Ctfffifur <b> SRlM-G 4WWH3JW l 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Bold Element </hl> 

<b> This hne should be displayed as bold </b> 

io* 


f& tq'sr ixi«t a ®f*or?r-i<2- 

</body> 

</html> 

csffsftw (<b> </b>) ^ f®®c<i*i c 5 T*flT^ 31 ®©tIg<i c^sAttV £Fif*f® ^c<i i 

^*I*T csflstfsrfiS' 3l®s?lc<i <p><jIc=i Pigm 'Sfr®t wt^S'^S' £Frf*f® I 



fe : 8.0 A (C^ $f=u*c5 <iml*l ®t^ gt^Wlra' OT*tt ) I 

8AA o Italic <i> Element 

C 5 n*ltC3 y $\s|p|<p (^®|p| '*|^f G<l®lc<l C^Nt ^C?T 5ft^, 4^' iJl^T ^l^T <?m W*TT ^ <*RT 

^c?r sftT3> i 

<U<1RN (?NIM ^C®TT s 

amw*R-8H (p47.html) CSTNtOT <i> SPlM-G 4<T <u<> JjH l 

<html> 

<body> 

<i> This is ITALIC </i> 

</body> 

</html> 

31 ®©iIg<i ^t*T <n><ilc®i Rgd<i ^R?®T £^ff*f® i 


ioo 


ix)®t (t 





f£ar : 8.3..0 (^'o|Pi<p $Rig*i£ <u<iRt^"^ s c?r^l?r'srt®B^B'3lSeriw cw^lt) i 

6sfl5ffr 7 R-8br' (p48.html) csftsftm <i> Sfiicw <u<tf>ln i 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Italic Element </hl> 

<i> This line should be displayed as italic </i> 

</body> 

</html> 

GStWtesr ^'o|Pi<p rRiwC (<i> </i>) Iwows C'T’fl^ 31 Series $\»|Ri<p sprf*^® '5^ i 
CSflsthllTj glSerlts <P“Sllc®l facos "SR^st I 



fBar = 8.^.^,.^ ( j r'o|Pi<p <ij<iRtir^ s c?r^t?r^fl®B^B'3lS«5riw ot*ITJ i 

8A& o Underline <u> Element 

C'T’fR^ c5t*t C*NT) ^ RpKX'G <4^ smls ^t?T I 

SJSRfa C^T^rf^Tl '5J=Tt ° 

io8 


f& tq'sr ixi«t a ^oirr-ict 

cstfstpr *tx-8b (p49.html) csffsff^r <u> I 

<html> 

<body> 

<u> This is Underline </u> 

</body> 

</html> 

CSfWsrfS'SlS'sjlw faci><i shTf*h® i 



fra' : 8.^.0.^ rRiwC <U<!Rt^'3^'«t^'=rt^ , ^3lS©rlG<l OT*lt) i 

( l SSttsftW^-<to (p50.html) Gsftstt&r <u> $Ri wv 4WWT$W I 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Underline Element </hl> 

The following word would be <u> Underlined </u> 

</body> 

</html> 

C^5"Ru i l'-'^ e t 8 

fS’ 9 lE?Er G2MW Wt$T^rfl7t rPiw'C (<u> </u>) C 5 r*t1^ (Underlined) WtsT^rflTt 

i 

iS' 9 lE?Rr (ETWNtj glSstlw <p><jIc=i Picm ^r?®T 2F#f® \ 


io(t 


ix)®r (t 





f53f : 8.^.'S.^ rRiw'C ^iSiS 1 ^ gt^Sftra OT«tT) l 

8A.8 8 Center <center> Element 

'ST3Rt 9 lRG©r<l <p*iu3^c<P ^ ‘PSG'o ^ $PlG»l£fi5 ^S?T sft^ I 

Gsffsttsr^rx-fo (p51.html) csfism <center> $Rtwo <u<i^hi l 

<html> 

<body> 

<center> This Line goes to center in Browser. </center> 

</body> 

</html> 

^tEsRT CSffstTsrflj glSsjlw <mIg°1 Pigm 'SfT®t Wt^S'^S' I 



f£ar : 8.c5,.8.i rRig*i£ <u<iRt^"^ s c?r^l?r'srt®B^B'3lS6jiG^ i 

csttstfr (p 52 .html) oziwt&r <center> 4 «T WW^IW / 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 


iO'Js 


</head> 


ix)®r (t 




<body> 

<hl align="center"> Center Element </hl> 

<center> <img src="images.jpg" /> </center> 

</body> 

</html> 

^tEsET G2tt£|tW <img sr. . . . /> WT rciics? rPiw-C ^ 

'STC s c(T CPT^tt $t»T8jfi3 t£RT ^TWIW SRtH's ^ I 

csflstN^ 3lSerlc<i ^t*T Rcd<i "SR^ot 8t*rf*fcs i 



fear : 8.3,.8.$. (Ui'Cls $Pk>i*G <iml^ OT*IT) i 

8 <s> 4WZ <strike> Elements 

<s> <strike> ^fw i Strikethrough ^ i (prstl^ 'srft^t *tH 

^fstiT w*tr ^ rRiwC ^ ^?r i 

<4W (FNt&tt 8 

(&lsfr5r 7 K-<?v (p53.html) ostlstfcf <s> <strike> $Ricw 4WWT$W i 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

ioH 


ix)®r (t 




<body> 

<hl align="center"> Strikethrough Elements </hl> 

<p> These Elements are not <s> available </s> in HTML 5 version </p> 

<p> These Elements are not <strike> available </strike> in HTML 5 version 

</p> 

</body> 

</html> 

csjwtw jaiR^c^T rPic»i*C (<s> </s>) (<strike> </strike>) >n<r fo-sc<i<i 

(available) s d^<r i 

tS^tEsRT cstWf 5 ^ ^l'5«tlw ef^rf^o I 



f53T : (%lR<PG2ft ^Ric»l*i5 Series OT*IT) I 

8 <tt> Element 

TeleType ^ ’TS.f^S ^ tt. uSPiUlVf Wfa 'Shi W 

i 

/%g~ (Ftftlstt 8 

CSff£ttsj"^K-^8 (p54.html) Gsffcftor <tt> 4W I 

<html> 

<head> 

< t itle> Use o f HTML Presentational Elements! </title> 

</head> 

iob- 


f& tq'sr ixi«t a 
<body> 

<hl align="center"> TeleType Element </hl> 

The following word would be <tt> TeleTyped </tt> 

</body> 

</html> 

C^5"Ru i l'-'^ e t 8 

CSMW c5f^f5ft<T (<tt> </tt>) CeT^tl^ (TeleTyped) cBf^fSl^T 

sFrffi® l 

tS^ttsRT CSlWPrfS' glSejIw <P><j|c=l PlCM 'Sfr®t l 



fear = 8.^..i ('cBfsrSl^t rRiw-C gt^wrc^ <?Kf) i 

8A.1 o <sup> Element 

Superscript ^ w 9 ! sup. ^ rRiwC >n<r ^rt^sf Tt®tfw >n<r 

sfprf^s ^?r i aifi> uJ^i's ■'TW ftc<p ^?r i 

ant <u<Rt?r c^T^rf^Ti ^rt ° 

CsHsIff ^-ee (p55.html) Gsffsft&r <sup> $Ricw 4W <u<rIh i 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Superscript Element </hl> 

This Book written on the 15<sup>th</sup> March. 

</body> 

</html> 

C^5"Ru i l'-'^ e t 8 

ioJj 


ix)®r (t 




%*r^ cfifisftw wPiUi^r rRiwG (<sup>) ^ Iwow* (th) 3iS©tic<] ^rt^R^ sftW® 

^ i 

'fl , *l*T %*R^ csiM^' glSejIw <n><ilc®i Rcd<i "SR^st l 


UtcolHIMl PrtscnliM llmunli! Mo/ilUi fireloi 


H, t* J* Hf«y »**> b* » 

I I MMtavM 


f ■i n*.w«s-wit)«ww e 

A MMWM. Out >«*»W CutcimUk fmrnml wnbrnmu mm 


'.HtJimmutmlVniis' ' MMtavH 


Superscript Element 


Th« Book wnttn «o the 15 th Mtrch 


fM : (^prraf3iH> $R ig*i£ <ij<iRt?r'^c?r^l?r^fl®B^5' 1 glS6jiw i 

8.$.ir s <sub> Element 

Subscript <Jt 9 f "5jM sub. ^ rRiw-C <u<r^RRr dJwJ ifl<r ^rt^sr TRstfw dRc^s «r^> wfrr<t 

sf p rf*f's ^?r i ^f5' «wt*tr ifiir *itc*f f*k&<i ^?r i 

^ <imN c^rrc^rr ^c®tt g 


(p56.html) CsfMtOf <sub> $(*iwv 4WWH$W l 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Subscript Element </hl> 

The EPR paradox< sub >2< /sub > was devised by Einstein, Podolsky, and Rosen. 
</body> 

</html> 

%*R^ CfiflsftW rPiw'G (<sub>) fuss's c<i<i c 5 P*l1]jf^ (2) 3ft^wR^ ^ I 

^ttsEr CSfWPti^ glSejIw ^Rt <mIg° 1 PtGM "SR^st SpiPN' I 


iio 



ix)®r (t 


wtrr-ie 



fpST : 8.^.bO rPiw-C <iml?l (^sff) i 

8.$.b o <big> Element 

(,t>'$|T>G<! 5 Tt^lfw t>R(.'o R»^5| ^>tH 2^1*^ 'SHI ^ rPiw*C <imN ^C¥ «TR^ I 

4^ <u<iRt^ c> ? r s rrc s Tr ^£=rt ° 

Gzn$ft*r (p57.html) GSttstt&T <big> Sfacw 4W <u<i^ln I 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Big Element </hl> 

The following word should be <big> bigger </big> than those around it. 

</body> 

</html> 

tfspS'ftP'T-'W 8 

csfWtW f^t Rpitii-C (<big>) R»'ow^ (bigger) t£RT ul'^t.'o 

2R#fta ^ i 

4 ! *I*T tS’ 9 lE?Rr CSflsJtsii^ glSstlw <P><j|c=l PlCM 41^3^ SpiPN' I 




f& tq'sr ixi«t a 



: 8.^.SO (t^t Rpitai-G ^iSerlw Ci*IT) I 

8 <small> Element 

u5^5g<p ^ R»^5r c^lif wfa ^ $Pit»i£ 4^ <u<iRt?r ^c?r i 

4^ <u<irn c^KfarT ?m s 

cstfstpr ^-(tir (p58.html) cstfsttor <small> 4W ^TWW i 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Small Element </hl> 

The following word should be <small> smaller </small> than those around it. 
</body> 

</html> 

csMw Rpi<.ai*5 (<small>) Iwowi* <?N1^ (smaller) gl^wtc?T 4^ 

uRg'o R>g5>l i 

4*I*T tS’ 9 lE?Rr csftsttsff^ glSsrlw ^1*T <p<iIg°i f*kc4 4£®T 41^3^ '$£3 \ 


ii* 


f& tq'sr ixi«t a 



: 8.^.io.i f^I®T^Riwi5 <u<iRfa"^C?r ^5l?T ^Tt®S^jT> 3lSsj|«i OT*tt) I 

8.$.** o <hr> Element 

Horizontal ^TSfspS ~$JM hr. '3T3RC 5 tW «rl^f»i<p c^ft fcofir Wfa 'SntT ^ Rpi<.ai*5fiS W® ^ 
STIW I 'SBR^ < TCSf^ <p*iu3^ J 1^Rt<P Wfa W'tT'S i£|1t> ^T I ^' CT! l1^' I f^EF 4^ 

(Tf^ttwt ^rt § 

Gzff£ft*r ^IX-Cb (p59.html) GsWfcr <hr> $f*i cw 4W l 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> HR Element </hl> 

<h 1 >HTML</h 1 > 

<p>HTML is a language for describing web pages. </p> 

<hr /> 

<hl>CSS</hl> 

<p>CSS defines how to display HTML elements.</p> </body> 

</html> 

^*lE?Rr C£Mw <p>HTML is a language for describing web pages.</p> <hr> 

rPiw'C <imi<i wt i , uM£[t?p ^f^w 43# «rt^fw c^stt i 

iri^hT^’lE^' C4 WJ>i1t> 3lSetl«i ^t*T ^Ic 5 ! 1 *Ld<i 4E®T ^E^ I 

JJ« * 


ix)®r (t 





f53T : 8.0i.i (R'alReriUh Rpl 0*1*5 gl^Sft^ (^ft) I 

8 align vulfijR'S'ij 

Alignment w*t align. «Tt*3^fw C^tl^ 1w f^OT*l ^r*tT align «ij|G 5RSU ^c?T 

5 dW 5 ' i 

Value : 

align 'oulGSRw.U valueMF Irmw Rfejj tw WT 3S?T I ^t^TT 3£®TT ° 

1. left : fwfrstre left 'sjlPifc ftrakft wt «ltw i left wtf%t «mlM gl^sft^ ^ftr fw cs^ 
'5ri^fti<p c?r*lt ^?r i 

2. right : right Wtf^ <imlc<i glSerlws wt^rfw c«ft^ wl^fw c?NT i 

3. center : center «j|PiS glSsjiws ^rt^fw c^tt ^sr® - ^?r i 

t^?r w, <hr> rPi t*it*5 ahgn 'oulCSfaSiS <u<iRt?r ^ ^rW width 'oalCSRSU 

wR sfwRH ^?r i c^K 5 #^r »w ^rt ^rfrr rt i 

(?Ni<rf*m8 

<hr align="left right WRT center"> 

8 width vlJlIlaR$$ 

«ri^fii<p c^sft^ £M~w>r f^Rft wr w*tr ^ 'ait IC3RS3 i*i<r <u<irR ^s?r RttR i 

Value : 

width wtfjfR^dj value/RR Rmw f®t^®r ’srRRT '3t3RC ! ’to3R gp'RwR iS^R 4R# *lwt RK <ij<isJ?i 
wr^?r i 

ffiytwftws 

<hr width="50px 50% "> 

Iref width ^ulGjRSU 4R C'HIM ^TT ° 

wlfiy fcww *jw<pni *ih <u<i^lfi 


»8 


fi; lii'sr (t 


wtrr-ic 


ceffstfr *R-<bo (p60.html) <hr> $f*TOf& 4 width 4W Wl? / 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Width Attribute in HR Element </hl> 

<h 1 >HTML</h 1 > 

<p>HTML is a language for describing web pages. </p> 

<hr width="50%" /> 

<hl>CSS</hl> 

<p>CSS defines how to display HTML elements.</p> </body> 

</html> 

GSJWlw <hr> $Rig»i* 5 tg width Wli5i<iS5 Wt 'ajtf^' Rmw *l«Wf 

wf i 0*1*5 *tT c^rsTflrr ^ gl^sft?r ws i 

CSMPlflf glSerlw WtW WsT S^rf^s l 


JJfr 




ix)®r (t 





feat : S.Oi.O C<hr> rRic»i*C 4 width «ij|G 5RS15 tsnr <iwta <imls 
C^Kt) I 

atm**** (p61.html) <hr> 4 align width Wlfjffifc 4W3H3JW <4W <mRte I 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Width & Align Attribute in HR Element </hl> 

<h 1 >HTML</h 1 > 

<p>HTML is a language for describing web pages. </p> 

<hr ahgn="left" width="50%" /> 

<hl>CSS</hl> 

<p>CSS defines how to display HTML elements.</p> </body> 

</html> 




f& tq'sr ixi«t a 

c*mfk*r-'tr e r s 

CsMtW <hr> ^Pit»)*C t£| width wlGjRSC <u<irI<i WT rg*ig^ < 4 ^?, Wtf^ Rmw 1 *I'8«m| 'srt't 
wf wigs? i «Mjfiu<p align wlCSRSiS ara 'srht Irgjig^ left <u<iRl-a wf rg*ig^ i arc® wt^fw <a*ltfi> 
5t^wfa ^^tsrfw cstt^ sFtW®"^ i 

'fl’ht C£n$rN^ glSejIw ^1*T <mIg°i f*kc><r ^R?®T 2F#f® l 



fear = 8 .OiAA (<hr> rRig^ ai align arc^ width WllJRSU ai<r ^nws’ anr <iml-?i 'oilSiS^ 

CsTtm^K-'b* (p62.html) <hr> Sfaw'S 4 align a?^> width W0^t> 4 <r WF&JW a?<r W / 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Width & Align Attribute in HR Element </hl> 

<h 1 >HTML</h 1 > 

<p>HTML is a language for describing web pages. </p> 

<hr align="right" width="50%" /> 

<hl>CSS</hl> 

<p>CSS defines how to display HTML elements.</p> </body> 

</html> 




f& tq'sr ixi«t a 

^tEsET CsMtW <hr> rPiw'C t£| width wlGjRSC <u<irI<i WT rg*ig^ 4^?. Wtf^ Rmw lt 1'®<p?il 
WT ^giigs? i 'snifter align wli31<iSt> i£RT right Wf rg*ig^ i ^Tl^bi<p C^tti^ 

^ whtfw cstt^ £Frf*f : a i 

'fl’ht CSffsN^ glSe?lG<i ^ht <mIg°i Pigm ^R?®T aFrPf'o i 



fe : 8,Oi A\s C<hr> rRig^'C 4 ahgn width tirer 

<PG-a 'st^' '5flSi3' 5 j5'3lSeilG?l OT*IT) I 

'Ojlfil'S fkwW f*lG , 9l e 1 <?J<?^/57 <P$I 

CSltm^-W (p63.html) <hr> |/%OT# 4 align <£RK width 4W WH^tW 4W WH^tW I 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Width & Align Attribute in HR Element </hl> 

<h 1 >HTML</h 1 > 

<p>HTML is a language for describing web pages. </p> 

<hr ahgn="center" width="300px" /> 

<hl>CSS</hl> 

<p>CSS defines how to display HTML elements.</p> 

iiv 


f& tq'sr ixi«t a 
</body> 

</html> 

C5MW <hr> Rpitai*5 tq width 'oulGSPSiS WT ^«ic^ Wtt%^ Irmw (300px) 

<u<iRt?T WT rgsig^ i 'OMjpG<p align 'aulGSRSU ai*r ^Ft*T Irmw center <u<Rfa WT ^«ic^ i arc^o 

c^rti^ 3t^wt^ arer ^wpt c«r^ £prf*f® ^ i 

csftstPrfS' glSsjlw ^Pt <mIg°i Pgm ^r?®T 'ailSU^S' £p#f© \ 



fear : 8,OiA8 (<hr> ^Rig^-G 4 align width wiGSPSIj tfRr <a<i3,ta 
<pg<i '®1^' '5flSl3' 5 j5'3lSeilG?i OT*IT) l 

cefpm^-M (p64.html) <hr> SfawZ 4 align width 4W <u^ln 4WWtWtW I 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Width & Align Attribute in HR Element </hl> 

<h 1 >HTML</h 1 > 

<p>HTML is a language for describing web pages. </p> 

<hr ahgn="left" width="500px" /> 




<xrl]> fi> ix)®r (t 




<hl>CSS</hl> 

<p>CSS defines how to display HTML elements.</p> 

</body> 

</html> 

%*R^ CfiflsftW <hr> rRig»c 5 tq width 'oulGSRSS wf ^g<ig? ixi^?, WlPl^ Irmw f*R^=T (500px) 
<u<iRt?r wT rgxig^ i '3Mjfnc<p align 'oulCSPSS <xrt 'srt s T Ircjiw left <u<Rfa wt rgxig^ i ^sc?r «rt*j^fw 

'X|’l*t tS’ 9 lE?Rr csftsrpti^ glSsjlw <mIg°i Pgm ^r?®T eprPf'o 1 



fer : 8,OiA<? f<hr> rPig»i* 5 ixi ahgn >xi^° width wr©fW5 ixrt <ii<i^l<i ^ 
<u«iRt?'? s c?r^oT?r^rt®B , ^B' 1 ^iS6jiGxi c*Kf) 1 

s noshade vulER'Si? 

«R?rReRRT <^=1 ^Tt^fw Shade/^tT[t (?F*R^» TRRTT 1 ^ Shade/^tTTt ^lf%w 

■^Ht^ ixiir W*tT noshade 'ault^P^fiS <u<i«,t^' WT ^c?r ^TR^ 1 

PtF width WI13PS5 ^ C'HR'R ^TT ° 

C2ftm*R-M (p65.html) <hr> $fil t*rt> <x? noshade 'oultSRw <?;<? <4W <u<! %l* 1 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 




ix)®r a 
<body> 


wt4-i<t 


<hl align="center"> Noshade Attribute in HR Element </hl> 

<p>A shaded horizontal line (this is default) :</p> 

<hr> 

<p>A noshaded horizontal line:</p> 

<hr noshade /> 

<p>The noshade attribute was deprecated in HTML 4, and is not supported in 

HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> 

</body> 

</html> 

CSTtSflW 3.<il4©n5t=T <M<lRt?T WT I ^141 “TO - WT 4ft4 I 

'OMjftrG < p, R<iR©t*i3t®T "TlVifiSt'o noshade <u<i3l4 44t rgsig^ i ifrffo 4C4 

£4rf*f® 4£4, c^r 4t4T 4t444 *4 1 

^44 %4S44 CfiftsTNi^ glSsjlw 414 WfaT Pgm 4£®f 2f4f*f® 4£4 I 



fear = s.Oi.'S.i f<hr> rRiw-C 4 noshade «mIG 5RSU 4J44t4 444 ^®t4 'ailSU'^gl^WlW C44T ) i 

8A.H.8 8 size 'oultiiRiBi? 

C4414 Scovsl 'f44t4 c 1 4*41 44 ^ 'aiJlGjfi'SU ^4 4T4TC4 I 




f& tq'sr ixi«t a 
vJlfilfe g 

size 'aijlGjRS'S 4<r «j|RiS <u<iRt?r ^rt ^?r i 

(p66.html) <hr> 4 size 4W <v<wj* I 

<html> 

<head> 

<title> Use of HTML Presentational Elements! </title> 

</head> 

<body> 

<hl align="center"> Size Attribute in HR Element </hl> 

<p>A normal horizontal line:</p> 

<hr /> 

<p>A horizontal line with a height of 30 pixels:</p> 

<hr size="30" /> 

<p>The size attribute was deprecated in HTML 4, and is not supported in HTML 

4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> 

</body> 

</html> 

^tEsET G2MW “Tf!?# ^rt1% Wf I 'a(W^ Tfstfw I 'a|«ljf'U < P, 

R'olil R<]R©n5t=T =Tl$"i ilk's size <u<i^t?r Wl 'sjlPl'S 30px Wt 

RG*IG^ I 

tS’ 9 lE?Er csftsTPti^ glSsjlw <mIg°i Pigm i 



ffer = 8.0L8.i f<hr> rRiw-C 4 size Wtf§f^§t> 'sfa 'ailSlk^ ^iSerlGS (?t*1T ) i 

5 ^ 


ix)®r a 

8.V 8 HTML Phrase Elements 




>n<J‘ ^ cw'R ^<r f%f rRiwC srt?r Presentational Elements cw*R ^<r 

Rpitai*5 iii<r '5fr®lt: i W s <b>, <i>, <tt>. 9 lt ! #T ^j®Tt Presentational <.<p<Fi»il3r 

gl^Wfra' d>wf i£i^ i fer, Phrase C¥M 

5 dt^ 5 ' I 'sMST ^ ^fwt I tfe't 

«p ! li^xrt%isr*f i T ’twr ’T 09 ^ (^tt^ "tfw «r 9 if5»iRc'ST ,c l i T” “wtwt^rw ^ "tfrr 

'Q f^StlWstW ^5(1 1«1 lull Wf RCilC!? I 

8.&.1 s <em> Element 

Emphasis <ff*r em. C®ftw (FraT/ST^ OT?tt I «f#s, C^K 'STTfw/^tt^i 

'8T t ^r ,! T wfa 'St'tr ^ rRiwCFS <u<irIc<i<i sjc^iiw ^?r i 31 S®tIg<i ^\siPi<p ^?r i 

fats' i£rt <u<iRt^' (^r^tt^Tr ^t=rt ° 

Gsff£fr*r*!X-'b <: l (p67.html) Gsffsft&T <em> Sfacw <4W <u<i^hi l 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> em Element </hl> 

<p> You <em> must </em> remember to close elements in HTML5 Version. </p 
> 

</body> 

</html> 

Wt 8 

^*lt?Rr GStWttsr 9 fJl^WN r rRiwC ^ f«vs<i must ’‘Nice's <em> rRiwC <ij<i«H WT rg*ig^ i 
tS*lt?Er csflstPtfa 3lSe?lc<i <p><jIc°i fac&?i 'SfT®t wt^S'^S' i 



: S.'S.i.i ('CfifWlw <em> ^faftspf i 






ix)®r a 

8.v.$ 8 <strong> Element 

Emphasis $Pk.»i*G ol$w>'3 c^f*f CiTIt ^ I C^T ^s^c=m * t»/®rflrT Wl!I 

f^w*f <mvo w» ^?r i arfi> 3l*5®iic<i c^s/Tfv s^rW® ^?r i 

ai?r <u<Rt?r (^r^rf^Tr ^£=rt ° 

csftm^-<bbr (p68.html) Gsftsft&r <strong> Sfiicw 4WWf$W I 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Strong Element </hl> 

<p> HTML is <strong> mandatory </strong> for creating/building any website! ! 

</p > 

</body> 

</html> 

C^5"Ru i l'-'^ e t 8 

CfiftsflW < U(^t£fhF ^Pitai-G ara mandatory ^Nfik's <strong> ^Pitai-G wf ^cucs? i 
^ttsRT cstWfsrilj glSsjlw <p><jIc=i ^R?®T i 



fear = S.'S.^.i fcefWfcsr <strong> rRiwC <iml^ (FKT) i 

tf.v3.v3 8 <address> Element 

fWl*rr / ct%t '°alc4>3 j i/ <p«iiht^ $«i<ps<.»i < t i T 'St'tr ^ ^Ric^ilS <u<iRfa i 

/%g~ tf?3~ <u<i^ln (Ftff&ft 8 




3^3 f& tq'sr 3«r a ^[3rt3-i<2- 

CStfstPr 3?-W» (p69.html) t&tsft&r <address> l 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Address Element </hl> 

<address> 

Name : Imran Hossain <br /> 

E-Mail : itsm3.imran@gmail.com <br /> 

Phone : 01674 977 208 
</address> 

</body> 

</html> 



%*R33 CSTISftW rRiwC 33 Iwos 33 CS^S/C 5 n*lt '©T^Tt 31 Set Its 33^> fsjf ©H^Fst'o 3£3, 

3ftf® 3ft3 C3 3fi> <p|tsl 3 5 35Ttll‘ I '=))lws J l $Pita|*G 33 Rj'ss ®lR«1 <33> 

rRiwC 33 <U<IRt3 RGSG^, C3©t?TT 3lSetlGS 31pT 3T?3 fc»f3 33S3 I 

333 % 9 R33 C£fM3i^ glSerlGS 3t3 33ft=T Rcd<1 3£®T <2631^® 3J3 I 






wtrr-ic 


ffer = 8. 'S.'S. i (fetfetw <address> $Rio*i*5 <R<r ^srfeB^ gfewW OT^IT) i 

8.V.8 8 <abbr> Element 

Abbreviation w ^rdfes abbr. x kw ^rdfe® wf?r ww ^ $Rio*i*5f5 <u<j?s's 


4* <jj<i$kl 8 

8.V.8.) 8 title vyj/ISRS 

<abbr> $Rio*i*5 w few « 


® 3 T\fe 5 '^ ’•tew ■'jdw'T fit^K wt<r W'tr title 'sulCjfaSS ^c<i «tle^ i 


IMrgBci '0|j|lj$RS5 W 'sjlRlS fe??W <1J<1?!'S W I 

fitftW fciiy 8 

<abbr title="Full meaning of Abbreviation’^ Abbreviation of Word </abbr> 

/%£■ 4W WS' PMt&lt WfT 8 

Csftm^-Ho (p70.html) cstfsm <abbr> Sficw 4W l 


<title> Use of HTML Phrase Elements! </title> 


<hl align="center"> Abbreviation Element </hl> 

<p> By marking up abbreviations you can give useful information to browsers, 
spellcheckers, screen readers, translation systems and search-engines. </p> 

I have a Friend called <abbr title="Mohammad"> MD </abbr> Salman. 


CQF&ffat-W't 8 

^RW CSfWtW Wtfefe^W $Rl 0*1*5 W few MD ^T*f) Csp'tt RCilG^ W° W * 

$Rio*i* 5 w 'aulGjfaScS Wf^fe feo*io<j wigs? i 






ix)®r (t 

%*R^ 3l*5eilc<i ^t*T WR^T Rcu<i yr*T £Brf*f« I 



feat : 8.o.8.i.i ('cstlsnw <abbr> rPkx'G 'Q ^ title WllJRS'iJ 3l^®rl w Ci*IT) l 

f^M eTO" <p>-ac®i CT, <abbr> rPiw'C Rs^-fl WtWT CT MD lt t^tft> l^S’lf^Tty, C 3 # 

i 

aRT iS^Rt ^TlScJlil ^1^?T f^RBT *(WT ^Tt^rat ^ lr NfN' ’J'fer’T Irmw <abbr> rRiwC ifBT IMruS'I 
'atilfiaR'StS 'JJt f^lf^eTtST, ot SBfWs ^ I 



fBat : 8.0.8. (title 'oiilCSRSU ^ «j|RiS st*ff*f^^Q?rr) i 
%*r^ f^M ®w <^=1 <?f*rr ^tr^ ct, ^rtsrat tM$uS«i 'ouiCJRSiS i£rt «jiPiS f^if^rtsr, ot 

BPL (mtfN' ^5*t?T Wt¥ SRtWs I 

g.tf.tf- 8 <acronym> Element 

<acronym> rPic»i*C i£rt <u<i^N 'oici^Ur <abbr> *igo|$ i ‘ E tt«f^ 5 T yc=TT % <abbr> ^Pitai-G 
WT y?T, C^Bt '“RTW ’Tsf^'Sw 1 ! 'SHT i T 5 TBT <acronym> rPiw'C WT ^?r ^FRo C^Bt 

'^T ^t C^1*T R«(^i<i<sc<p ^BR?r W*tT i 

4<r <jj<j4>i<i § 

8.v.(?.i s title 'aulEtRSti 


ivi 




wlrr-xt 


<acronym> rPic»i *5 x tCT?T ’ffar'T sW*! wfa isrt title WtlSf^Tj ^£¥ 

str^ i 

Value : 

tMrg5=i '3u|QRS 5 'sjlRiS c!5si5 ^t i 

fsrttwftw g 

<abbr title="Full meaning of Acronym"> The Acronym word </abbr> 
ffiZF 4 W WS' PNt&lt WfT 8 

Csffsfpr^x-Hi (p71.html) CsffsTfcr <acronym> Sfacw 4W <u<rI$ i 



C^twRz*t-Wt 8 

(KtlStfW WKSFtf^T rPi 0*1*5 i£RT HTML W't) C®T^lt RG*IG^ ^ ^ 

rRi c*i* 5 i£t?r tMrg5=i wtfiaf^df wtf®^ Rgjig^ coT^lf Roiio^ i 

*£|*I*T CSMtsti^ glSetlos ¥t*T <P^lo=l Rgm Wsf ^Tt^5' < j5 £Fff*fts l 




ix)®r (t 





fdar : 8 .'S.e.i.i ('GSttstlOT <acronym> rRiwC 'Q t£RT title «MlG5R'SU 
<k*i 'st^'5r|Sl3' 5 j5'3l Seiler OT*tT) I 

fro? =T¥T <p*(.«i CT, <acronym> rRiwC f^o? Wfsrat CT HTML f^lflrfTsr, 

G# i?'*ltC : T I 

i?? ^*1? ¥lSc>i<i fro? ?ro=T Wtsrat ^ *N^<r ^ < #f*T (HyperText Markup Language) 
Irmw <acronym> rRiwC ?? ‘CRuJq 'oulfiaRvSuJ ?t f^fl^TPr, £Rif*fo i 



ffr? : 8.'5.<hL^ (title 'sijlGjRSU ?? 'OjlPl'5 2t*ff*fo"^QHf) I 

8 <dfn> Element 

Definition 3 T°i%'S w*T ~sjm dfn.«T^r<R; 9 R^f ^rc*tr fro*t^ (^K ' lc Rro? J ^rspltw 

<p<u.'» ^ ?j?r «fR^ i 5t^wR? r^iRi<p £Rrf*fts ^?r i 

<4W <jj<j^Ih FNTlsff 8 

* 


ix)®r (t 




csftm^rx-^ (p72.html) Gstm*r <dfn> $fitwo 4W < 7 j< 7 ^/<? / 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Definition Element </hl> 

This book teaches you how mark up your documents for the Web using 
<dfn> HTML </dfn> 

This book teaches you how mark up your documents for the Web using 
<dfn> HTML </dfh> 

</body> 

</html> 

(&!& W 8 

^tEsET C5MW rRiM'C i£RT HTML *1^# RG*IG^ I $>s|Rl<P 

2f p rf*f's I 

^ttsET csftsrpti^ <p<il e°i Pcm 2Frf*f® I 



8.V.H 8 <blockquote> Element 

C^>f*T vs^G»i^ C^T C 5 NT/ 6 Tt^ J T ' 5 N*T C^T 'SG?l<l J lRi5 C 3 TT 3 T <K , si WN" '^?T, 

^ WT ^ $Ri 0*1*5 i£Rt ^(jcsr G=T^lt ^g*i i <blockquote> rRig*i£ <u<rIg<i c^P^fEr ^ 

TW PlnS '*fN 5 T ^Ttw i 


iOo 


f& tq'sr ixi«t a 

f*ICt> 4W W^tW (FNImI 3£°Tt $ 

csflslPr^-w (p73.html) cef&Tur <blockquote> Sfeiiw 4W i 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Blockquote Element </hl> 

<p> The following description of HTML5 is taken from the W3C Web site: </p> 

<blockquote> HTML5 is the W3C’s first Recommendation for HTML, following 
on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 
2.0. </blockquote> 

</body> 

</html> 

CsMtW <blockquote> rPkx'G HTML5 is the W3C’s first Recommend 


. . . (^fl^ gt^sfti 
am^URRt csmtfri 

ST , ©T E= C*kM ^fN 5 ! C^f 1 

[fi> ^l'5«tlw Picd<i 'SR^oT Wt^Tf^ st^rf^s l 



| I ■; wtfmH>«aHU « + 

f c H; ^ / t 0 * 


r MM Charted CuKenctLfis knmd ■*M**M4 k* WntowM* mm 


Blockquote Element 

^ BIMLSa it W3Ci fr* KtcasBntao fx HIM, blown on fan «to w«k « HIM, 4 01. HIML 4 0. HIM. 3 2 nvi HTML 2 0 


fear = 8.'S. £ t.i ('csmw <blockquote> $Pk.»i*G i 

CfiMw wfsrat <blockquote> ^Ritai-G arar f^if^ i a# wtfrs' frirw ^?r i 

c'fs# wrf%TO*f*T wfa wilt ^c?r Ttwft^ i sjstwl; 

wtf%w c®pft tsf&M) i i£rt w*tr ^ ara' fsw ^ ^r*i?r c^t*t uSsiiS rRiwC f^Rsr 

^?T I C^fW WlPlG^*t*T j ’i w Ig<p c*tw wtMwr wt RGOG^ i 

/*/C W ^Wt *Fft> O 

i«i * 


f& tq'sr ixi«t a ^ofrr-ict 

csffsIPrtR-w (p74.html) c^Mfor <blockquote> 4 *fftwl2ftw Sfiwb <d<j^I<j / 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Blockquote Element </hl> 

<p> The following description of HTML5 is taken from the W3C Web site: </p> 
<blockquote> 

<p> HTML5 is the W3C’s first Recommendation for HTML, following on from 

earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 

2 . 0 . 

</p> 

</blockquote> 

</body> 

</html> 

C5J1$ftW <blockquote> Rpi<.»m<p WlRic^S WRT ^<T HTML5 is the W3C’s first 
Recommend (?NI^(.<p < Ut^Wr?p c«T*tt 1 

Picm ^ot sFrfrfe' '$£3 \ 



fear : 8 . 0 . ha fceMw <blockquote> rPic»i*C at 

yw, 




4*<u<i$hi s 

S.v.H.i 8 cite 

<blockquote> rPich'C (^fl^^r (TTbT C^tw (ct ^TtUB c«f^ ^rM rgag^) ^=t- *T 

cite Wt15f^5T> i 

Value : 

cite WflSf^T Wtf^ I^g>ig<i URL (Uniform Resource Locator) ^5T i 

ffiytwftws 

<blockquote cite="URL"> The Blockquote Sentence. </blockquote> 

csftsjpr^-w (p75.html) <blockquote> 4 cite WflSftSiJ 4W <?j<7^/<7 / 


<title> Use of HTML Phrase Elements! </title> 


<body> 

<hl align="center"> Cite Attribute in Blockquote Element </hl> 

<p> The following description of HTML5 is taken from the W3C Web site: </p> 

<blockquote cite="http://www.w3.org.markup/"> 

<p> HTML5 is the W3C’s first Recommendation for HTML, following on from 

earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 

2.0. 

</p> 


</blockquote> 

</body> 


G5Mw <blockquote> rRig^g*^ c^rbr w i tr cite 

Wt 3,G*IG5, 1 31 S®tIg<i WRtR *Tf i 

S.v5> 8 <q > Element 




ix)®r (t 


wtrr-ict 


Quotation ^<T ^Tstf^FS W'T ^ I <q> $Pi<.ai*5 ^<T ^c-kpUt <blockquote> ^ 'SR^sft i WT 9 lt ! #T 

w, c^r <r- <$ =rl^c<p ^rTwr C'T’Tfa <blockquote> rPic»i*C <u<^\s ^?r, «rt^ c^=t 

i£i^#'5rti5'<il<pjc<p 'srt s ucsr c 5 T 5 fl^ i sHr <q> $pK.ai*G ^?r i 

/%g~ <4W C^MtW ^ ft o 

Csnsfty*R,-w (p76.html) esftsft&T <q> 4W <u<t^ln / 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Quotation Element </hl> 

As The Girl said, <q> Somebody’s boring me. I think it’s me!!</q> 

</body> 

</html> 

(&F5 W S 

C5MW <q> rPiw'C isrt Somebody’s bor ^s^ 4- c*lw 

I 

tS’ 9 lE?Rr CStWN^' 3lSe?lc<i Pigm 'Sfr®t £Frf*f's l 



iw : 8.0.10 ('CfifWIw <q>$Ric*i£ 'sl^^ft^5'^5'3l'5eilG<i C^Kr) i 

8 <cite > Element 

Citation 4^ ’Tsf^ 5 ^ W*T I C^T C'T’ft^ ’TW 4H CTPT ^ Wfa 'SntT 

^s^'Ts 4?; rRig^-C ^c?r «ttw> i jito cite rPic^i'oc^ <a> rRig^-C ^ i 

<a> rRig^'C ' 3 T n5 1^ ’t^'ifco fir^Ro 41 g°iI&*iI Wf $,g?ig^ i cite rPkx'G 4*T C=T 5 ft 

alfceflar $o|Ri<p £F?f*fo ^?T i 

f*i(.t >*. 7 \5nl%fi b 0 eyspj <p$l *[H> s 

i08 * 


ix)®r (t 




esnsffirtR-w (p77.html) cmtor <cite> <4W <v<m,l$ I 


<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Citation Element </hl> 

This line is taken from <a href=http://www. w3schools.com/> < cite > Beginning 
Web Development < /cite > </a> 

</body> 

</html> 

Cusps' ffc'T-'W 8 

f&roM GStWtW <cite> rRiw-C f%W Beginning Web Development C=T^f(. < p WRT 
^ ai? ai??, <a> <u<Rt? wf ^c<ic^ i 

tS’ 9 lE?Rr csffstTsrfij glSsjlw ?t«T <P"alc=1 PlCM i 



fear = s.'S.cO fceflsftw <cite> $Pk.»i*G gi^sft w (?Kf) i 

t&roM fro? <cite> rPiw-C f^ro?? Beginning Web Development c=T*ril^ %t 

c'Ht i <cite> rPiw'C <a> rPic»i*C <u<iRl-a wt? ai'sjT# i 

<a> rRic^'C j i w Ig<p fir^R^s wf roro^; i 

S.tf.io g <code> Element 

'8??rro' ! TCsf Rf®fj c0Mf^r° c=r*ft? ^ <u<i^\s ^?t i 

fros? < ? w % 


i'Stt 



ix)®r (t 


wtrr-ie 


csnsffsr^-^br (p78.html) csffsft&r <code> Sfitcw / 

<html> 

<head> 

<title> Use of HTML Phrase Elements! </title> 

</head> 

<body> 

<hl align="center"> Code Element </hl> 

The PHP Programming Language Starts using <code> &lt;?php </code> and 
Ends using <code> ?&rt; </code> 

</body> 

</html> 

csMw <code> rRig^ ^ <rf<r rg<igr i >n<r &lt;?php ? &rt; c®P*lt rgsigr i 
ffaftBpf f*tC*T £]c<i 5,r t J Tt^t '8 c^i<i wc'» s r ! 1c»i*i5 ^ ^IW <p<ic's (?Nc<p<i Wt'S' 'srt^ iiMf<pSiX|®T” ixi^ 

“'a»l«'oh« ^ ^ ‘'TTc^T i &lt; &gt; 4 ^ 'ST3RC ! lS'3f Less 

Than ’Tt^T Greater Than ^Tf^T <imh Wfr rg*igr i HTML Entities 

^=rf ^?r i ^ j i w Ig<p <irg<i<i ^srl c®i l r wr rgsigr i £f*f ct, c^t (?iw (?t*t 

i£r?, (jsf^ ^1% <u<irI*i wt ■rc®tt *tt i ^ ^ ^ ^1% ^ ' 5 rT s tK 5 r 

C=T*ft RCfT I T^Tf 5 ! ^ ^ WT C^fM^ ^ ^TsPTTt ^ ’Tft'IWTT 

J1<lhR <u<irK WfR?T *TT I 

^’(•T csrt£|T5tf& 3lSe?lc<i <mIg°i Pigm 'SfT®t RW I 



: 8,'S.io.i (cfifWtw <code> rRig^tC <u<irH ^? r 31 S©tIg<i (?F*rf) i 
w <p<u.<=i ^t?=Ttw*f 'srt^Swtf^rC ^ k=t ^hc<i i 


i'SKSs 





i) i 

JT^s 9 ^ ^P 39 !^ h^Ipg-hj dklGlt I 
'S) *fW ©M‘ c tfXF POT OTMT I 


R*5l3G«lciS WjiX^PT 'sPT ^SUtJilPfe 'SftW W'PI 'STt^CM 1 5PP ^ CPt*t PPOTtP' PWfa pot *TT I WlWPP=T ^ 
\apj-p<lf'®’3 Ppp OT 3 Pf WtOTT St^fw 3J<!Hj3 I fpW SjtilN^lil W3 POT3H OTf% WlOT^ I 

wPrat pwrt ^r c^f% si<if'3 s 3 <u<irOT wtft i wot snap's Ippjt pottp p>ot $'5|3g«ic3 p^pix^pt 
potT ^wp i ^it 3p*rOTp 'srtgwT's Pic©tw?i p*ot 'g'lc'® piot*t i wf?; p=p pt?r-“pptp' wpt x^pgigIj 

#R5|ff’ I 

Wl^UTlfik « Wf!?m*f: 

4 CPOTtP Ho '©TP 2|®t^ '5t?T i ' e lT fp'SP I WPPXPT 4OTOTIP WPT ^Tsppt PTT, PPX 3p*>fpf I WOT 

cpOTtfwf^ pfwt ^wr ^ OT*Pf°PTt wpiOT ot’otpt Rgjigp ppot wipot pt i ^ otpt J 13 <PI<K<P spototot ppotot 
2 if% '©?r i Y ^ot 1 

4OTOTOT ^pfr W^PPT 'SG^GPW W#Rp?T i*SG'STG^T<1 C 3 #^ OTPOT <P3G^ I WppP WPT W*fffOT W POT 

wotot 1 4 pwiiiOT potpiototot w^otpt ^rtP's ^s?Ttf^« wot 1 ppot ^ptst wipot 1 pwpot ■3Tsrc?r pott f^ 3 # 
Wl^GJllPfc ft'sp'st PP5OT I f^P wfipGJKI IpPTtP ^Pp POTPOT/'st^PH wf^M PHif^R OTpfpP WOT Si)G^ fpp 
fpp I WOT POTPlOTOTt 4 PPOTOT OTPT D»l«w»l3 PfPOTOT 3G3G^ I 4 PlOT ptpfpt pf&OTftPPOTOT POTtWP WtOT I 
^sptW POT I WOT Wf 'slOTP tpOT PtPOTT OTOTPOT WOTPt OT^ WOT WlOTOT I PT°=TlOT 3C t' Pw 'O WP 
WlS^GJltfPSOT T*SG'STG<P 'SP'^p'f PlWtP RGJ1G3 IjOTT POTOT I tPP’SlP OTPOT (pHt 4PP Wl^1>OTtfOT°OT 
PlXOTlOTPOT* PttOT P*OT (PP^f *P I ^pplw PlGHDlPr PlG3G^ I 

^Ti'llW'T ' s tffc ^TlCflfl a/so/a/so; 

: Pt°'TRPrC*f fp 5 ^ fnG13 J1<PG3 ^Jlf^G'll fPP’SjP ^llg&pnP^ 2|f%^)pT '8G^sGH>3 ^IlfS' ^f'TtP I 

“■pt°=TRpT*f ^rlSBGJltf^s ^ PtT^P I i5 «TRps Pt?=TRPP? c fP' (too Cpi# 'PlWtP JWhlf 

WR^”-'Pt°=TRPP t T ^iSiiG^lPfx ^ '® c t^lP^«IT®TPTt Wl'ilG'i'i 'spfS' ^ 9 HP I 

^IPSTTtWfil'Ctilwl: 

’opprfep ppw wtp Pit 9 ^ fro 'oil a i3l wRpT g«R^I: ji F n^Pr c'TW «nf% ct, '=mlR*i c«R^ 
% < Tf#T Wt WlPPt WtsfRPrP '5j^s Pt ? ^Jt pfp ^Itsrat '8G33JllH.'i5 GHfT^ 

tp^G's 9 I#, «W "5W Wtsjpp?^ ^s ^TPT CPt^Pl: I ^PPTtlRPT 'srftlWtW, 1%3p 

CP J P 39 Ttfp' 3G3G^-PtPt Wtsippra' ^5PPT% ^■ 9 PW*T Wt T>w '5pps ■'TT'OTIt^ ioo% f^5Wt fipfPT I ^ft 9 lfp' 
^°®TPPTC*t^ (PT C^PT^PT C«P^ 'a)'i s llx r i 4 ^f®P» ^f SGW'i ^^G's 9 IT^P' I 
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1s|?r ’TtW, 

#ft> C=T^ Wt^lK C#f <pwf^, 43# '5t®r # 'SHT I ^st^'^'S al^M WSfl^S 
RilC'sf ^T C3>H 'SpT *tlT3 5 £s ■'Tf^' I (7IWM W ^Hk^s 4^3 fa #fa I 43v 

»l'o|»l'o «ltsrlW3C<P ^-C#C=W fafaRfa Wfaftfa %fa^s ^fa - I WWM ^-C#=T f&3>faT % 

infobook7@gmail.com I 'sfatwf, faf’Rfaf #F (fafa R*ig*i ^ fat3fa, 'sG^ faf’Rttffa (fafaT 

«IMM <w^> efatfa fa3T ^ I 









